Android 9 上的 Flutter WebView 插件错误

Question

我正在开发一个 Android 应用程序，它有一个 Flutter WebView 插件来显示网页。它在我的手机（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#CleartextTrafficPermited