在 Flutter 中使用 webview_flutter 4.0 | 基础用法与事件处理

import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
 
class WebviewExample extends StatefulWidget {
  @override
  _WebviewExampleState createState() => _WebviewExampleState();
}
 
class _WebviewExampleState extends State<WebviewExample> {
  // 控制WebView的WebViewController
  WebViewController _controller;
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('WebView 示例'),
      ),
      body: WebView(
        initialUrl: 'https://flutter.dev',
        javascriptMode: JavascriptMode.unrestricted,
        onWebViewCreated: (WebViewController webViewController) {
          _controller = webViewController;
        },
        onPageFinished: (String url) {
          print('页面加载完成: $url');
          // 在页面加载完成后，控制WebView执行一些JavaScript代码
          _controller.evaluateJavascript('someJavaScriptCode();');
        },
      ),
    );
  }
}

这段代码展示了如何在Flutter应用中集成webview_flutter插件，并在WebView中加载一个网页，同时展示了如何使用WebViewController来控制WebView的行为，如执行JavaScript代码。