Flutter开发 WebView的使用及其超链接的自定义处理

最新推荐文章于 2025-03-21 16:32:55 发布

weixin_34232363

最新推荐文章于 2025-03-21 16:32:55 发布

阅读量3.4k

点赞数

文章标签：移动开发 python

原文链接：https://my.oschina.net/wupeilin/blog/3037550

版权

本文介绍了在Flutter项目中使用flutter_inappbrowser插件实现WebView加载网页的步骤，包括WebView的基本实现，如何让超链接在系统浏览器中打开，以及处理WebView加载HTTP请求时的异常。针对iOS和Android平台分别在info.plist和Android清单文件中配置信任HTTP请求，确保在不同系统版本上正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

前言：

Flutter项目需要使用WebView来加载网页，在这里我使用的是flutter_inappbrowser插件在APP内部加载网页的。下面我简单总结一下在Flutter中如何使用WebView，主要包括WebView的实现，WebView的超链接用系统浏览器打开网页和WebView的超链接无法加载网页的异常处理。

实现的步骤：

1.在pubspec.yaml添加sdk

dependencies:
  ...
  cupertino_icons: ^0.1.0
  flutter_inappbrowser: ^1.1.1
  url_launcher: ^4.0.1+1

2.WebView的实现

import 'package:flutter_inappbrowser/flutter_inappbrowser.dart';

class CommonWebViewPageState extends State<CommonWebViewPage> {
    InAppWebViewController webView;
    String url = url; //url的链接
    
    &