报告:目前完成度【 0.5/3 】,预计上线时间:【 未知 】 【问卷调查】
英文链接源链接 [6868]
contenteditable="true"

React Native - WebView 介绍

在本章中,我们将学习如何使用WebView。当您要内联呈现网页到移动应用程序时使用。

使用WebView

HomeContainer 将是一个容器组件。

App.js

import React, { Component } from 'react'
import WebViewExample from './web_view_example.js'

const App = () => {
   return (
      <WebViewExample/>
   )
}
export default App;

让我们在 src/components/home 文件夹中创建一个名为 WebViewExample.js 的新文件。

web_view_example.js

import React, { Component } from 'react'
import { View, WebView, StyleSheet }

from 'react-native'
const WebViewExample = () => {
   return (
      <View style = {styles.container}>
         <WebView
         source = {{ uri:
         'https://www.google.com/?gws_rd=cr,ssl&ei=SICcV9_EFqqk6ASA3ZaABA#q=learnfk' }}
         />
      </View>
   )
}
export default WebViewExample;

const styles = StyleSheet.create({
   container: {
      height: 350,
   }
})

上面的程序将产生以下输出。

React Native WebView
点我分享笔记