Flutter开发之WebView白屏

6,529 阅读1分钟

Flutter开发使用webview_flutter出现白屏的原因主要是因为不支持http

在安卓端 9.0之前的系统,使用过程中并未发生异常。 9.0之后,也不支持HTTP,同样也得添加信任

第一步:在清单文件AndroidManifest.xml(android/app/src/main/AndroidManifest)的application标签里面设置networkSecurityConfig属性如下:

<?xml version="1.0" encoding="utf-8"?>
<manifest ... >
    <application android:networkSecurityConfig="@xml/network_security_config">
        <!-- ... -->
    </application>
</manifest>

第二步:在资源文件夹res/xml下面创建network_security_config.xml如下:

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <base-config cleartextTrafficPermitted="true" />
</network-security-config>

iOS 的info.plist中添加对HTTP的信任

<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>