两路通讯 flutter webview 和 reactjs 网站

Question

如何从 webview 集成中获取 reactjs 到 flutter 本地网站的按钮操作？

Answer 1

Webview 可以通过 JavascriptChannels 与 flutter 应用程序通信。 要创建 javascript 通道，请像这样初始化 WebView：

WebView(
  initialUrl: INITIAL_URL,
  javascriptChannels: [
    JavascriptChannel(name: 'Print', onMessageReceived: (JavascriptMessage message) {
      // here you decide what to do with the message
      setState(() {
        currentMessage = message;
      });
    }
  ]
)

使用“打印”javacsript 通道初始化 WebView 将打印 object 添加到 window Z31A1FD140BE4BEF2D511E121ECA8Z9。 要将消息发布到您的 flutter 应用程序，只需编写：

Print.postMessage('Example message');