• Flutter-WebView使用h5


    webview可以跳轉到h5,可以也可以自定義

    #flutter官方webview
    webview_flutter: ^0.3.10
     ///初始化webview显示
      Widget _showWebView(BuildContext context) {
        return WebView(
          initialUrl: widget.url,///初始化url
          javascriptMode: JavascriptMode.unrestricted,///JS执行模式
          onWebViewCreated: (WebViewController webViewController) {///在WebView创建完成后调用,只会被调用一次
            //
            //
            _controller.complete(webViewController);
          },
          javascriptChannels: <JavascriptChannel>[///JS和Flutter通信的Channel;
            _alertJavascriptChannel(context),
          ].toSet(),
          navigationDelegate: (NavigationRequest request) {//路由委托(可以通过在此处拦截url实现JS调用Flutter部分);
            ///通过拦截url来实现js与flutter交互
            if (request.url.startsWith('js://webview')) {
              Fluttertoast.showToast(msg:'JS调用了Flutter By navigationDelegate');
              print('blocking navigation to $request}');
              return NavigationDecision.prevent;///阻止路由替换,不能跳转,因为这是js交互给我们发送的消息
            }
    
            return NavigationDecision.navigate;///允许路由替换
          },
          onPageFinished: (String url) {///页面加载完成回调
            setState(() {
              _loading = false;
            });
            print('Page finished loading: $url');
          },
    
        );
      }

    更詳細的使用方法請訪問pub.dev

  • 相关阅读:
    洛谷 P1048 采药
    一本通 1267:【例9.11】01背包问题
    一本通 1265:【例9.9】最长公共子序列
    一本通 1282:最大子矩阵
    一本通 1285:最大上升子序列和
    一本通 1284:摘花生
    一本通 1283:登山
    一本通 1264:【例9.8】合唱队形
    洛谷 P1126 机器人搬重物
    洛谷P1522 牛的旅行 Cow Tours
  • 原文地址:https://www.cnblogs.com/ssjf/p/12981502.html
Copyright © 2020-2023  润新知