【Flutter】webview_flutter使用详解

---

前言

webview_flutter是Flutter官方推出的一款用于Flutter上的webview插件，该插件在 iOS 用的是WKWebView 支持； 在 Android 上用的是系统WebView。

插件地址：https://pub.dev/packages/webview_flutter

---

一、如何使用

第一步：在项目根目录下运行如下命令配置依赖

flutter pub add webview_flutter

第二步：导入
在需要使用WebView的页面添加：

import ‘package:webview_flutter/webview_flutter.dart’;

第三步：初始化一个WebViewController

@override
  void initState() {
   
    super.initState();
    _initWebViewController();
  }

  void _initWebViewController() {
   
    controller = WebViewController()
      ..setJavaScriptMode(JavaScriptMode.unrestricted)
      ..setBackgroundColor(const Color(0x00000000))
      ..setNavigationDelegate(
        NavigationDelegate(
          onProgress: (int progress) {
   
		// Update loading bar.
          },
          onPageStarted