flutter开发实战-webview_flutter 4.x版本使用

在Flutter中使用webview_flutter插件时，如果你需要使用4.x版本的特性，你可以按照以下步骤操作：

1. 在pubspec.yaml文件中添加webview_flutter依赖，并指定4.x版本。

dependencies:
  webview_flutter: ^4.0.0

2. 在你的Dart代码中导入webview_flutter包。

import 'package:webview_flutter/webview_flutter.dart';

3. 使用WebView控件来展示web内容。

WebView(
  initialUrl: 'https://flutter.dev',
)

确保你已经运行了flutter pub get来安装新的依赖。

以下是一个完整的示例，展示了如何在Flutter应用中使用webview_flutter 4.x版本加载一个网页：

import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: WebViewPage(),
    );
  }
}
 
class WebViewPage extends StatefulWidget {
  @override
  _WebViewPageState createState() => _WebViewPageState();
}
 
class _WebViewPageState extends State<WebViewPage> {
  final Completer<WebViewController> _controller =
      Completer<WebViewController>();
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('WebView Example'),
      ),
      body: WebView(
        initialUrl: 'https://flutter.dev',
        javascriptMode: JavascriptMode.unrestricted,
        onWebViewCreated: (WebViewController webViewController) {
          _controller.complete(webViewController);
        },
      ),
    );
  }
}

请注意，示例中的onWebViewCreated回调是可选的，你可以根据需要来处理WebView的创建事件。此外，javascriptMode属性决定了JavaScript是否在网页中运行，你可以根据自己的需求来设置它。