Flutter笔记：关于WebView插件的用法

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> {
  // 创建WebViewController的实例
  late WebViewController _controller;
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('WebView 示例'),
      ),
      // 使用WebView组件展示网页
      body: WebView(
        initialUrl: 'https://flutter.dev', // 初始加载的网页URL
        javascriptMode: JavascriptMode.unrestricted, // 允许JavaScript执行
        onWebViewCreated: (WebViewController webViewController) {
          _controller = webViewController; // 接收WebViewController实例
        },
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          // 使用_controller加载指定URL
          _controller.loadUrl('https://www.example.com');
        },
        tooltip: '加载示例网站',
        child: Icon(Icons.open_in_browser),
      ),
    );
  }
}

这段代码演示了如何在Flutter应用中使用webview_flutter插件来创建一个基本的WebView组件，并加载一个指定的网页。同时，示例中包含了一个FloatingActionButton，用于加载另一个网页，展示了如何通过控制器_controller来控制WebView的行为。