如何在react native中访问webview中的登录操作响应

Question

我想在webview中访问登录后返回的响应。但是经过大量的研究，我没有得出结论。

1. 欢迎屏幕。在这里，我通过单击按钮重定向到网络视图
2. 登录屏幕(Webview(。我需要在这里登录后返回响应

如何访问webview中的请求和响应？或者正确的方法是什么？

Answer 1

您可以使用注入的脚本将数据发送到webview，并使用postMessage将数据发送回react原生应用

//This sends data from WebView to React Native
...
<script>
window.postMessage("Sending data from WebView");
</script>
...

//In order to get data the was sent from WebView use onMessage prop on <WebView>
...
<WebView
ref="webview"
injectedJavaScript={`
document.body.style.backgroundColor = '#f4f4f4';
true; `}
onMessage={this.onMessage}
/>

onMessage(data) {
//Prints out data that was passed.
console.log(data);
}