Flutter WebView 插件常见问题解决方案-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00411/article/details/143883404

Flutter WebView 插件常见问题解决方案

flutter_webview An embeddable webView plugin for flutter. 项目地址: https://gitcode.com/gh_mirrors/fl/flutter_webview

项目基础介绍

Flutter WebView 是一个用于 Flutter 的嵌入式 WebView 插件，支持 iOS 和 Android 平台。该项目的主要功能包括加载网页、监听重定向、添加导航栏按钮、接收导航按钮回调、WebView 加载回调等。主要的编程语言包括 Dart、Kotlin 和 Objective-C。

新手使用注意事项及解决方案

1. AndroidManifest.xml 配置问题

问题描述：在 Android 平台上使用该插件时，可能会遇到 WebView 无法正常加载的问题。这通常是因为没有在 AndroidManifest.xml 文件中正确配置 WebViewActivity。

解决步骤：

打开项目的 android/app/src/main/AndroidManifest.xml 文件。

在 <application> 标签内添加以下代码：

<activity android:name="com.apptreesoftware.flutterwebview.WebViewActivity">
</activity>

保存文件并重新编译项目。

2. JavaScript 启用问题

问题描述：在某些情况下，WebView 可能无法加载包含 JavaScript 的网页。这通常是因为 JavaScript 未启用。

解决步骤：

在调用 flutterWebView.launch 方法时，确保传递 javaScriptEnabled: true 参数。
```
flutterWebView.launch(
  "https://example.com",
  javaScriptEnabled: true,
);
```
如果仍然无法加载，检查网页是否存在其他 JavaScript 相关的问题。

3. 导航栏按钮回调问题

问题描述：在自定义导航栏按钮时，可能会遇到按钮点击后没有回调的问题。

解决步骤：

确保在调用 flutterWebView.launch 方法时，正确传递 toolbarActions 参数。

flutterWebView.launch(
  "https://example.com",
  toolbarActions: [
    ToolbarAction("Dismiss", 1),
    ToolbarAction("Reload", 2),
  ],
);

在 flutterWebView.onToolbarAction.listen 方法中处理按钮点击事件。

flutterWebView.onToolbarAction.listen((identifier) {
  switch (identifier) {
    case 1:
      flutterWebView.dismiss();
      break;
    case 2:
      reload();
      break;
  }
});