OGeek|极客世界-中国程序员成长平台

标题: android - 单击React-Native上的按钮时如何在WebView上执行Javascript [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-13 15:51
标题: android - 单击React-Native上的按钮时如何在WebView上执行Javascript

假设我有一个包含 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 上可以做些什么吗？

谢谢

---

Best Answer-推荐答案

首先获取对您的 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/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/)

Powered by Discuz! X3.4