Flutter WebView android 上的插件错误 9

Question

我正在开发一个 android 应用程序，它有一个 Flutter WebView 插件来显示 web 页面。 它在我的手机（Android 8.1 LG V20）上完美运行。 但是在我朋友的手机上（Android 9 xiaomi note 7 pro）它显示了这个错误：

我的代码： flutter_webview_plugin: ^0.3.8

 import 'package:flutter/material.dart';
 import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';

 class WebPage extends StatefulWidget {
  final String url;

  WebPage({
    this.url,
  });
  @override
  _WebPageState createState() => _WebPageState();
}

class _WebPageState extends State<WebPage> {
  @override
  void initState() {
    super.initState();
    print('url = ' + widget.url);
  }
  @override
  Widget build(BuildContext context) {
    String link = widget.url;
    return WebviewScaffold(
      url: link,
      appBar: new AppBar(
        centerTitle: true,
        backgroundColor: Colors.green,
      ),
      displayZoomControls: true,
    );
  }
}

任何帮助，将不胜感激。

Answer 1

您的朋友看到此错误，因为作为 Android 9 及更高版本的标准，连接到 Google 认为不安全的http域是非法的。
相反，您有 3 个选项。

https

使用您站点的https变体。
而不是加载http://window.arian.co.ir加载https://window.arian.co.ir

选择退出您的域。

您可以选择退出window.arian域的安全检查。

制作一个名为network_security_config.xml的文件，并将其放在android文件夹的res/xml/文件夹中。

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">window.arian.co.ir</domain>
    </domain-config>
</network-security-config>

完全退出

如果您愿意，您可以通过将android:usesCleartextTraffic="true"放在Application标签上来选择退出WebView内所有站点的安全检查。

在您的android文件夹中导航到AndroidManifest.xml

<application
        android:name="io.flutter.app.FlutterApplication"
        android:icon="@mipmap/ic_launcher"
        android:usesCleartextTraffic="true">

请参阅文档：

• https://developer.android.com/training/articles/security-config#CleartextTrafficPermitted

Answer 2

如果上述任何解决方案不起作用，那么您可以试试这个

            javascriptMode: JavascriptMode.disabled,