flutter webview_flutter 的坑

关注

已于 2022-02-24 16:19:23 修改 · 4.5k 阅读

原创 ·

本内容遵循 CC 4.0 BY-SA 版权协议

在 Flutter 中使用 webview_flutter 4.0 | js 交互通过两个示例介绍了 webview_flutter 4.0 与网页交互的三种方案：拦截 URL，JavaScriptChannel 和 js 注入。阅读详情

webview_flutter

官方例子:

 import 'dart:io';

 import 'package:webview_flutter/webview_flutter.dart';

 class WebViewExample extends StatefulWidget {
   @override
   WebViewExampleState createState() => WebViewExampleState();
 }

 class WebViewExampleState extends State<WebViewExample> {
   @override
   void initState() {
     super.initState();
     // Enable virtual display.
     if (Platform.isAndroid) WebView.platform = AndroidWebView();
   }

   @override
   Widget build(BuildContext context) {
     return WebView(
       initialUrl: 'https://flutter.dev',
     );
   }
 }

这个例子WebView只填了initialUrl

坑1、WebView的javascriptMode默认是JavascriptMode.disabled

既然是网页，怎么会少得了js，还默认是禁用状态。不友好设计！！！
所以WebView的加上JavascriptMode.unrestricted才能跑起来，不然会显示noscript标签的内容

WebView(
  javascriptMode: JavascriptMode.unrestricted,  // unrestricted: 无限制，disabled：禁用，这是默认状态
  initialUrl: widget.url,
)

坑2、需要设置网络权限，不然会出现`web page not avaliable`

/android/app/src/main/AndroidManifest.xml

<uses-permission android:name="android.permission.INTERNET"/>

坑3、`if (Platform.isAndroid) WebView.platform = AndroidWebView();`键盘弹不出来

需要改成if (Platform.isAndroid) WebView.platform = SurfaceAndroidWebView();

收录于

flutter

标签

#webview #flutter #android

WebView遇到的坑及优化，flutter小程序引擎 uploadMessage = valueCallback; openImageChooserActivity(); } // android 3.0以上，android4.0以下：用的这个方法 public void openFileChooser(ValueCallback valueCallback, String acceptType) { uploadMessage = valueCallback; openImageChooserActivity(); } //android 4.0 - and 阅读详情

flutter webview_flutter 的坑

webview_flutter

坑1、WebView的javascriptMode默认是JavascriptMode.disabled

坑2、需要设置网络权限，不然会出现web page not avaliable

坑3、if (Platform.isAndroid) WebView.platform = AndroidWebView();键盘弹不出来

相关推荐

坑2、需要设置网络权限，不然会出现`web page not avaliable`

坑3、`if (Platform.isAndroid) WebView.platform = AndroidWebView();`键盘弹不出来