我有一个React JS网站,在React native Webview中显示。现在我想把那个网站结果传递给react native screen并且想从那个网站导航到react native screen
<WebView
style={{flex: 1,marginTop: Constants.statusBarHeight}}
source={{ uri: url }}
originWhitelist={['*']}
javaScriptEnabled={true}
startInLoadingState={true}
scalesPageToFit={true}
domStorageEnabled={true}
/>
使用WebView
中的postMessage
与Native
通信
const html = `
<html>
<head></head>
<body>
<script>
setTimeout(function () {
window.ReactNativeWebView.postMessage("Hello!")
}, 2000)
</script>
</body>
</html>
`;
<WebView
source={{ html }}
onMessage={(event) => {
alert(event.nativeEvent.data);
}}
/>
详情请参见JS和Native之间的通信。