标签: flutterwebviewplugin

我正在制作应该从用户数据生成文件的 flutter web 应用程序。并且可以选择下载输出文件。

但是我找不到任何适用于 flutter web 的选项/包:(

有人可以帮我吗？

我正在创建一个 Flutter 应用程序。

如果我在调试模式下运行这个应用程序，webview效果很好

但如果我在发布模式下运行此应用程序，它会显示空白屏幕。正在显示PlatformException

我尝试从 github issues 获取帮助，但找不到解决方案。

显现

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

构建.gradle

minSdkVersion 20
targetSdkVersion 29

pubspec.yaml

webview_flutter: ^1.0.7

错误日志

E/flutter (16872): [ERROR:flutter/lib/ui/ui_dart_state.cc(186)] Unhandled Exception: PlatformException(error, java.lang.IllegalStateException: Trying to create a platform view of unregistered type: plugins.flutter.io/webview
E/flutter (16872):      at io.flutter.plugin.platform.j$a.g(Unknown Source:229)
E/flutter (16872):      at io.flutter.embedding.engine.i.j$a.b(Unknown Source:152)
E/flutter (16872):      at io.flutter.embedding.engine.i.j$a.j(Unknown Source:144)
E/flutter (16872):      at e.a.c.a.j$a.a(Unknown Source:17)
E/flutter (16872):      at io.flutter.embedding.engine.e.b.d(Unknown Source:57)
E/flutter (16872):      at io.flutter.embedding.engine.FlutterJNI.handlePlatformMessage(Unknown Source:4)
E/flutter (16872):      at android.os.MessageQueue.nativePollOnce(Native Method)
E/flutter (16872):      at android.os.MessageQueue.next(MessageQueue.java:335) …

我无法使用具有window.close()功能的webview flutter 关闭打开的网页。

我在我的应用程序中使用webview_flutter。我一直在使用的网站有一个window.open()功能，可以打开一个包含不同 URL 的新窗口。在新窗口内，有一个关闭按钮可以使用 关闭新窗口window.close()。当我在笔记本电脑和移动设备上使用浏览器测试它时，这工作正常，但当我使用上述 webview 插件在 Flutter 应用程序上尝试时，它无法正常工作。

当我点击关闭按钮时，我在日志中收到此警告。

脚本可能只关闭由它打开的窗口。

我还尝试了其他插件，如flutter_webview_plugin，但也没有运气。

所以我想知道 Flutter webview 的这个功能是否已经可用？

请帮助我，非常感谢任何建议或解决方案。谢谢大家！

更新：我已经测试过但仍然无法正常工作的软件包

• flutter_inappwebview
• url_launcher

前期资料：

Language: Flutter/Dart
Flutter Packages: flutter_inappwebview, flutter_downloader

我正在使用 Flutter 为 Android 构建的移动应用程序出现问题。该应用程序的一项功能是能够下载与 PDF 文件关联的链接。这些文件位于应用程序已经访问的服务器上。用户已通过应用程序登录，因此已建立身份验证。当单击包含 PDF 的 URL 时，它会执行重定向，并返回并下载主页（index.php）。我不知道这是如何发生的，但我有想法。

1. 我需要在当前 webview 中进行下载（如在同一会话和窗口中）。
2. 禁用 URL 重定向。
3. 找出链接被重定向以进行身份​​验证的原因（假设它重定向到主页）。

任何想法或帮助将不胜感激。也很高兴提供更多信息。

在 main.dart 中：

onDownloadStart: (controller, url) async {
                print("onDownloadStart $url");
                final taskId = await FlutterDownloader.enqueue(
                  headers: {'My-Custom-Header': 'custom_value=564hgf34'},
                  url: url,
                  savedDir: (await getExternalStorageDirectory()).path,
                  showNotification: true, // show download progress in status bar (for Android)
                  openFileFromNotification: true, // click on notification to open downloaded file (for Android)
                );
                return taskId;
              },

记录：

I/flutter (28552): onDownloadStart …

我在我们的应用程序中使用了 inappwebview 。我在iOS和Android的shouldOverrideUrlLoading方法中得到了不同的encodedUrl。虽然在 iOS 中它工作正常，但在 Android 中它没有给出正确的 url。

编码后的URL

iOS: %22坐标%22:%22%7B%5C%22y1%5C%22:193.0,%5C%22x1%5C%22:491.0,%5C%22y2%5C%22:162.0,%5C%22x2%5C %22:522.0%7D%22

android : %22坐标%22:%22%7B/%22y1/%22:521.0,/%22x1/%22:753.0,/%22y2/%22:490.0,/%22x2/%22:784.0%7D%22

解码后的URL

iOS: "坐标" : "{"y1":521.0,"x1":753.0,"y2":490.0,"x2":784.0}"

android: "坐标": "{/"y1/":521.0,/"x1/":753.0,/"y2/":490.0,/"x2/":784.0}"

我得到了 iOS 和 Android 的不同编码字符串。您可以看到 \xe2\x80\x9ccoordinates\xe2\x80\x9d 值，对于 iOS，它是“%5C”，对于 Android，它是“/”。

InAppWebView(\n          key: webViewKey,\n          initialUrlRequest: URLRequest(url: Uri.parse(widget.url)),\n          initialOptions: inAppWebViewGroupOptions(),\n          onWebViewCreated: (InAppWebViewController webViewController) async {\n            _appWebViewController = webViewController;\n            if (widget.onWebViewCreated != null) {\n              widget.onWebViewCreated!(_appWebViewController!);\n            }\n          },\n          onLoadStart: (InAppWebViewController controller, Uri? url) async {\n            if (widget.onProgressChanged != null) {\n              widget.onPageStarted!(url.toString());\n            }\n …

我通过以下方式使用flutter_webview包将本地 HTML文件加载到小部件中：

FutureBuilder<String>(
  future: LocalLoader().loadLocal(),
  builder: (context, snapshot) {
    if (snapshot.hasData) {
//      return Text("${snapshot.data}");
      return WebView(
        initialUrl: new Uri.dataFromString(snapshot.data, mimeType: 'text/html').toString(),
        javascriptMode: JavascriptMode.unrestricted,
      );

    } else if (snapshot.hasError) {
      return Text("${snapshot.error}");
    }
    return CircularProgressIndicator();
  }
)

<link rel=stylesheet href=styles/main.css>