React Native Webview不重置注入的JavaScript

Question

当到达某个URL时，我必须检索WebView的html内容。 为此，我注入window.postMessage(document.documentElement.innerHTML); 到达此URL时，使用WebView组件提供的injectJavaScript函数。

第一次可以很好地工作，但是在重新启动后再次尝试执行相同的操作时，将不处理重定向，并且在首页上调用注入的JavaScript，就像从未删除过一样。 此行为存在于iOS上，而不存在于Android上。

任何人都遇到相同的问题或对此有解决办法？

Answer 1

使用react-native-webview包：

import { WebView } from 'react-native-webview';

<WebView
    ref={(ref) => { this.webview = ref; }}
    source={{ uri: this.state.webViewUrl }}
    originWhitelist={['*']}
    javaScriptEnabledAndroid={true}
    injectedJavaScript={jsCode}
    onMessage={this._onMessage} // only if you want connection back
/>

您可以传递js代码：

const jsCode = `
document.querySelector('button.btn-success').addEventListener("click", function() {  
    window.ReactNativeWebView.postMessage(JSON.stringify({type: "click", message : "ok"}));
}); 
true;
`