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;
`