flutter_webview_plugin 与dart页面跳转使用

Posted 2023-04-01

参考技术A 使用flutter_webview_plugin 加载一个H5页面，是从dart页面中跳转h5页面，h5页面中可返回dart页面，也可跳转到其他dart页面。
经测试，在android上可正常使用，但在ios上关闭web页面时显示白屏，web页面并没有close，还没找到原因。。。

flutter_webview_plugin 包的 clearCache 不起作用

【中文标题】flutter_webview_plugin 包的 clearCache 不起作用

【英文标题】：clearCache of flutter_webview_plugin package doesn't work

【发布时间】：2019-10-05 19:17:54

【问题描述】：

我在 Flutter 项目中使用 WebView_plugin。我可以加载我自己的网站。但是我的网站更新不存在。我猜是缓存问题。

我尝试传递一些选项，例如：clearCache、appCacheEnabled，但我的网站更新不存在。

我如何实例化我的 webview：

dart 
    final webView = WebviewScaffold(
      url: url,
      clearCache: true, // <-- I don't want cache 
      appCacheEnabled: false, // <-- I don't want cache
      initialChild: Container(
        color: Colors.white,
        child: const Center(
          child: const CircularProgressIndicator(),
        ),
      ),
      withZoom: false,
      withLocalStorage: true,
      hidden: true,
    );

在我的pubspec.yaml:

dependencies:
  flutter_webview_plugin: ^0.3.5

如何清除缓存？

【参考方案1】：

试试吧，先是clearCache: true，然后是appcacheEnable: false

    dart 
        final webView = WebviewScaffold(      
          clearCache: true, // <-- first clearCache
          appCacheEnabled: false, // <--after it :3
          url: url,
          initialChild: Container(
            color: Colors.white,
            child: const Center(
              child: const CircularProgressIndicator(),
            ),
          ),
          withZoom: false,
          withLocalStorage: true,
          hidden: true,
        );

【讨论】：

根据命名参数的工作方式，这真的不可能，对吧？

【参考方案2】：

最简单的方法是，在url中添加一个随机生成的数字作为参数。

像这样：

class WebView extends StatelessWidget 
  final String url;
  WebView(this.url);

  @override
  Widget build(BuildContext context) 
   final randNum = Random().nextInt(1000);
    return WebviewScaffold(
      appBar: AppBar(
        title: Text("My Web"),
      ),
      url: "$url?id=$randNum",
      hidden: true,
      initialChild: CircularProgressIndicator(),
    );