美文网首页
flutter webview_flutter与JS通信

flutter webview_flutter与JS通信

作者: 小柴2011 | 来源:发表于2019-12-19 14:22 被阅读0次

主要代码:

WebView(

initialUrl:this.path,

javascriptMode: JavascriptMode.unrestricted,

onWebViewCreated: (WebViewController controller) {

_controller = controller;

},

//下边是重点:

javascriptChannels: [

_toasterJavascriptChannel(context),

].toSet(),

),

JavascriptChannel _toasterJavascriptChannel(BuildContext context) {

return JavascriptChannel(

name:'Toast',//这个那么是和js端约定的一个协议名,可以自定义

onMessageReceived: (JavascriptMessage message) {

//此处可以输出message '登录'

});

}

下边是JS端写的代码

Toast.postMessage('登录');

注意:上边JS代码 不能让eslint检测到,否则js端会报错

相关文章

网友评论

      本文标题:flutter webview_flutter与JS通信

      本文链接:https://www.haomeiwen.com/subject/qzmmnctx.html