WebView

在 React Native 中集成 WebView，我们使用第三方库 react-native-webview，详见 react-native-webview Guide。

安装

1pnpm add react-native-webview

iOS 使用 CocoaPods，需要在 /ios 目录下执行：

1pod install

或者：

1npx pod-install # 不需要进入 /ios 目录

使用

外部网页

1import { WebView } from 'react-native-webview'
2
3export default function WebViewDemo() {
4  return (
5    <WebView
6      source={{ uri: 'https://web-dev.brucesong.xyz' }}
7      style={{ marginTop: 20 }}
8    />
9  )
10}

内联 HTML

1import { WebView } from 'react-native-webview'
2
3export default function WebViewDemo() {
4  return (
5    <WebView
6      originWhitelist={['*']}
7      source={{ html: '<h1>Hello world</h1>' }}
8    />
9  )
10}

参考

React Native WebView Guide
React Native WebView API Reference

WebView#

安装#

使用#

外部网页#

内联 HTML#

参考#

WebView

安装

使用

外部网页

内联 HTML

参考