flutter - 如何使用官方 webview_flutter 插件在 flutter 中预加载 webview？

Question

我正在 Flutter 中开发一个应用程序，但在尝试在 webview 中预加载页面时卡住了。
基本上，该应用程序使用选项卡栏，其中有一些带有普通 ListView 内容的选项卡，以及 2 个应该将 webview 作为内容的选项卡。任何想法如何在应用程序加载时预加载 webview 并在后台保持它们处于事件状态，因此当用户在选项卡之间滑动并进入 webview 时，网站已经加载并呈现，因此 UX 是无缝的。我曾尝试创建 WebView 实例并在应用程序加载时使用 setstate 将其分配给一个变量，但无济于事。

任何帮助，将不胜感激。

Answer 1

所以你可以尝试做的是:

使用 PageView 将您在 TabBar 中调用的小部件包裹起来，如图所示 here .

您还可以通过使用 AutomaticKeepAliveClientMixin 扩展您的有状态小部件来确保 WebView 在加载一次后保持事件状态。 .在使用它时，请确保您声明:

 bool get wantKeepAlive => true;

编辑:
为了在应用启动时预加载所有页面，您可以在声明 TabBar 的类中使用索引堆栈。包裹正文并像这样调用那里的所有页面:

  Widget build(BuildContext context) {
    return
     Scaffold(
      body:IndexedStack(
              index: _selectedIndex,
              children: _children,
            ),),}