📌  相关文章
📜  React Native-WebView

📅  最后修改于: 2020-12-08 06:10:39             🧑  作者: Mango


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

使用WebView

HomeContainer将是一个容器组件。

App.js

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

const App = () => {
   return (
      
   )
}
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 (
      
         
      
   )
}
export default WebViewExample;

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

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

响应本机WebView