Android WebView 全面干货指南，360°深入了解Flutter

在Flutter中，如果你想要加载网页，并且需要一个功能丰富的组件，你可以使用webview_flutter插件。以下是一个简单的示例，展示了如何使用webview_flutter插件加载网页：

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

这段代码创建了一个带有WebView的简单应用。WebView控件使用initialUrl属性来指定要加载的网页。onWebViewCreated回调用于设置WebViewController，你可以使用它来进行更高级的控制，例如：执行JavaScript代码、导航到其他网页等。