android - 单击React-Native上的按钮时如何在WebView上执行Javascript
<p><p>假设我有一个包含 WebView 和 WebView 上方的购物车按钮的 View </p>
<pre><code>export default class App extends Component<{}> {
constructor(props){
super(props);
}
render() {
return (
<View style={styles.parent}>
<WebView
source={{uri: 'https://mywebsite.com'}} style={styles.fullScreen}
injectedJavaScript={jsCode}
javaScriptEnabledAndroid={true}
/>
<View style={styles.floatView}>
<Button
title="Cart"
onPress={toggleCart}
color="black"
/>
</View>
</View>
);
}
}
</code></pre>
<p>当用户点击按钮时我要执行这个功能</p>
<pre><code>const toggleCart = function() {
let jsCode = "app.trigger('toggle:cart');";
//execute javascript code on webView
}
</code></pre>
<p>在 React-Native 上可以做些什么吗？</p>
<p>谢谢</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>首先获取对您的 webview 的引用，然后执行以下操作:</p>
<pre><code>this.webview.postMessage("Hello from RN");
//to get this data into webview
...
<script>
document.addEventListener("message", function(data) {
// call whatever function you need
});
</script>
...
</code></pre></p>
<p style="font-size: 20px;">关于android - 单击React-Native上的按钮时如何在WebView上执行Javascript，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/46956971/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/46956971/
</a>
</p>
页:
[1]