Android 9上的Flutter WebView插件错误

Question

我正在开发一个具有Flutter WebView插件以显示网页的android应用。它可以在我的手机（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及更高版本中，按照标准，连接到http域是非法的，而Google认为这是不安全的。
相反，您有3个选择。

https

使用您网站的https变体。
代替加载http://window.arian.co.ir加载https://window.arian.co.ir

选择退出您的域。

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

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

<?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>

完全退出

如果需要，可以通过将WebView放在android:usesCleartextTraffic="true"标记上来退出Application内所有站点的安全检查。

在您的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