How to reload webview in Flutter?

在 Flutter 中重新加载 Webview，可以通过几种方式来实现。假设您使用的是 webview_flutter 这个流行的插件，一个直观的方式是使用 WebViewController 提供的 reload 方法。以下是一个简要的说明和示例：

首先，您需要确保您有一个可用的 WebViewController 的引用。您可以在 WebView 控件创建时获取这个引用：

dart
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 _controller;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('WebView Reload Example'),
        // 添加一个重新加载按钮
        actions: <Widget>[
          IconButton(
            icon: Icon(Icons.refresh),
            // 当按下按钮时，调用重新加载函数
            onPressed: () {
              if (_controller != null) {
                _controller.reload();
              }
            },
          ),
        ],
      ),
      body: WebView(
        initialUrl: 'https://www.example.com',
        onWebViewCreated: (WebViewController webViewController) {
          _controller = webViewController;
        },
      ),
    );
  }
}

在此例中，当用户点击 AppBar 中的刷新按钮时，WebView 会通过 _controller.reload() 方法进行重新加载。

此外，如果您希望在某些其他事件发生时重新加载 WebView，例如下拉刷新，您可以在对应的事件处理函数中调用 reload 方法。

还有一种方法是通过 key 来重新创建 WebView 控件。这种方法比较粗暴，因为它是通过完全重新创建 WebView 控件来实现页面的刷新。为此，您可以定义一个状态变量来强制 Flutter 重建 WebView 控件：

dart
// 定义一个 key
GlobalKey webViewKey = GlobalKey();

// 当需要刷新 WebView 时，更换 key
setState(() {
  webViewKey = GlobalKey();
});

// 在 WebView 构造函数中使用新的 key
WebView(
  key: webViewKey,
  // 其他参数...
)

每次 webViewKey 改变时，Flutter 都会认为 WebView 控件是全新的，因此会重新创建并加载初始页面。这种方法不是很优雅，因为它牺牲了性能来实现刷新，但在某些情况下它可能是解决问题的快速方法。