flutter WebView 及其交互

flutter 部分  

Container(

      height: 200,

      clipBehavior: Clip.none,

      child: WebView(

        initialUrl: 'about:blank',

        onWebViewCreated: (WebViewController webViewController) {

          _webViewController = webViewController;

          _loadHtmlFromAssets();

        },

        javascriptMode: JavascriptMode.unrestricted,

        javascriptChannels: <JavascriptChannel>[

          _alertJavascriptChannel(context),

        ].toSet(),

      ),

    )


JavascriptChannel _alertJavascriptChannel(BuildContext context) {

    return JavascriptChannel(

        name: 'Toastxxx',

        onMessageReceived: (JavascriptMessage message) {

          print('============****${message.message}');

        });

  }



HTML部分

<button onclick="callFlutter()">callFlutter</button>

<script>

    function callFlutter() {

        Toastxxx.postMessage("JS调用了Flutter");

    }

</script>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容