Flutter webview

本文介绍了如何在Flutter中使用flutter_webview_plugin插件,包括在pubspec.yaml中引入插件,配置iOS和Android的权限以允许HTTP请求。详细讲述了在iOS的info.plist和Android的network_security_config.xml中进行的设置,并提供了打开外部链接的两种使用方法。
摘要由CSDN通过智能技术生成

引入flutter_webview_plugin插件

pubspec.yaml文件中引入:

dependencies:
   flutter_webview_plugin: ^0.3.8

权限配置

Flutter 本身并未集成webview,所以当需要使用webview 的时候,使用flutter_webview_plugin插件,也就是使用的原生webview组件

flutter_webview_plugin 在使用过程中会iOS出现无法加载HTTP请求的情况, 但是Flutter 却可以加载HTTP请求。这就与两个的框架有关了,Flutter是独立于UIKit框架的。 解决方案:

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

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

在Android中

  1. 在D:\work_area\github\01-07-gxj-nss\android\app\src\main\res中添加xml文件夹
  2. xml文件夹下面创建network_security_config.xml,文件内容如下
     <network-security-config>
       <base-config cleartextTrafficPermitted="true">
           <trust-anchors>
      
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值