flutter 使用webview

在Flutter中使用webview，你可以使用webview_flutter插件。以下是一个简单的示例，展示如何在Flutter应用中嵌入一个webview，并加载一个网页。

首先，在你的pubspec.yaml文件中添加webview_flutter依赖：

dependencies:
  flutter:
    sdk: flutter
  webview_flutter: ^0.3.10+1 # 确保使用最新版本

然后，在你的Flutter代码中，创建一个WebView控件：

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: Text('WebView Example'),
      ),
      body: Builder(builder: (BuildContext context) {
        return WebView(
          initialUrl: 'https://flutter.dev',
          javascriptMode: JavascriptMode.unrestricted,
          onWebViewCreated: (WebViewController webViewController) {
            _controller.complete(webViewController);
          },
        );
      }),
    );
  }
}

这段代码创建了一个带有webview的页面，并加载了https://flutter.dev这个网页。你可以通过_controller.future来与webview进行交互，例如：使用_controller.future.then((controller) => controller.evaluateJavascript('JavaScript代码'));来执行JavaScript代码。