Flutter 与 JavaScript进行通信

最新推荐文章于 2024-08-27 09:09:47 发布

野外问

最新推荐文章于 2024-08-27 09:09:47 发布

阅读量1.6k

点赞数 1

分类专栏： Flutter

本文链接：https://blog.csdn.net/u010152805/article/details/119408222

版权

Flutter 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

flutter 采用的插件是flutter_inappwebview

1 APP调用js的函数

//h5端
 window.appCallJs = function(args){

            console.log(args) 
        }
//app端
 webView.injectScriptCode("window.appCallJs('hello world')");

2 js调用APP的方法

// 代码
  window.flutter_inappbrowser.callHandler('authSuccess','success',1234).then(function(result) {
                console.log(result, typeof result); 

            });
//app代码
  webView.addJavaScriptHandler('authSuccess', (args) {
                print("收到来自web的消息");
              });

//这样写，App端没有问题。但是web端存在问题，“{message: Uncaught TypeError: Cannot read property 'callHandler' of undefined, messageLevel: 3}”。

需要对callHandler进行处理，即：

<script>
    var message = "success";
    if (window.flutter_inappwebview.callHandler) {
        window.flutter_inappwebview.callHandler('authSuccess', message);
    } else {
        window.flutter_inappwebview._callHandler('authSuccess', setTimeout(function(){}), JSON.stringify([message]));
    }
</script>