Flutter macOS内嵌网页视图插件flutter_inappwebview_macos的使用

Flutter macOS内嵌网页视图插件flutter_inappwebview_macos的使用

简介

flutter_inappwebview_macos 是 flutter_inappwebview 插件在 Apple macOS 平台上的实现。它基于 macOS 的 WKWebView，允许你在 Flutter 应用中嵌入和控制网页视图。

使用方法

这个包是官方推荐的联合插件（endorsed federated plugin），这意味着你可以像使用其他普通的 flutter_inappwebview 一样使用它。当你在项目中添加 flutter_inappwebview 时，flutter_inappwebview_macos 会自动包含在你的应用中，因此你不需要在 pubspec.yaml 中显式添加它。

但是，如果你需要直接使用 flutter_inappwebview_macos 提供的 API，你应该在 pubspec.yaml 中添加它。

完整示例 Demo

以下是一个完整的示例代码，展示了如何在 macOS 上使用 flutter_inappwebview_macos 内嵌网页视图。

import 'package:flutter/material.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter InAppWebView Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: WebViewExample(),
    );
  }
}

class WebViewExample extends StatefulWidget {
  [@override](/user/override)
  _WebViewExampleState createState() => _WebViewExampleState();
}

class _WebViewExampleState extends State<WebViewExample> {
  late InAppWebViewController _webViewController;
  final GlobalKey webViewKey = GlobalKey();

  double progress = 0;

  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("InAppWebView Example"),
        actions: <Widget>[
          IconButton(
            icon: Icon(Icons.refresh),
            onPressed: () {
              _webViewController.reload();
            },
          ),
        ],
      ),
      body: Column(
        children: <Widget>[
          progress < 1.0
              ? LinearProgressIndicator(value: progress)
              : Container(),
          Expanded(
            child: InAppWebView(
              key: webViewKey,
              initialUrlRequest: URLRequest(url: Uri.parse("https://www.example.com")),
              onWebViewCreated: (controller) {
                _webViewController = controller;
              },
              onLoadStart: (controller, url) {
                print("onLoadStart $url");
              },
              onLoadStop: (controller, url) {
                print("onLoadStop $url");
              },
              onProgressChanged: (controller, progress) {
                setState(() {
                  this.progress = progress / 100;
                });
              },
            ),
          ),
        ],
      ),
    );
  }
}