假设我有一个包含 WebView 和 WebView 上方的购物车按钮的 View
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>
);
}
}
当用户点击按钮时我要执行这个功能
const toggleCart = function() {
let jsCode = "app.trigger('toggle:cart');";
//execute javascript code on webView
}
在 React-Native 上可以做些什么吗?
谢谢
首先获取对您的 webview 的引用,然后执行以下操作:
this.webview.postMessage("Hello from RN");
//to get this data into webview
...
<script>
document.addEventListener("message", function(data) {
// call whatever function you need
});
</script>
...
关于android - 单击React-Native上的按钮时如何在WebView上执行Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46956971/
欢迎光临 OStack程序员社区-中国程序员成长平台 (http://ostack.cn/) | Powered by Discuz! X3.4 |