美文网首页
Flutter使用webview

Flutter使用webview

作者: 低调的微胖 | 来源:发表于2020-04-11 22:30 被阅读0次

    使用插件flutter_webview_plugin
    ios在ios/Runner/Info.plist中添加如下代码

    <key>NSAppTransportSecurity</key>
    <dict>
        <key>NSAllowsArbitraryLoads</key>
        <true/>
        <key>NSAllowsArbitraryLoadsInWebContent</key>
        <true/>
    </dict>
    

    安卓插件说明文档上没说,但直接运行可能会报的ERR_CLEARTEXT_NOT_PERMITTED异常。
    android/app/src/main/res/xml文件架下新建文件network_security_config.xml

    <?xml version="1.0" encoding="utf-8"?>
    <network-security-config>
        <base-config cleartextTrafficPermitted="true">
            <trust-anchors>
                <certificates src="system" />
            </trust-anchors>
        </base-config>
    </network-security-config>
    

    修改android/app/src/main/AndroidManifest.xml文件

    <application
      .........
      android:usesCleartextTraffic="true"
      android:networkSecurityConfig="@xml/network_security_config">
    

    使用

    WebviewScaffold(
          url: url,
          ignoreSSLErrors: true,
          withJavascript: true,
          appBar: new AppBar(
            centerTitle: true,
            elevation: 0,
            title: Text("网页"),
          ),
        )
    

    相关文章

      网友评论

          本文标题:Flutter使用webview

          本文链接:https://www.haomeiwen.com/subject/abgpmhtx.html