google-maps - 在 Flutter 中保存谷歌地图状态

Question

所以我基本上有一个包含三个选项卡的应用程序。在其中一个上，我有一个带有相应标记的 Google map 和一个带有基于位置的 Firestore 查询的监听器。选择该选项卡时，将查询附近的元素并将其显示在 map 上。

但是，当我更改选项卡并再次返回 map 时， map 、监听器和所有标记将再次设置(因为 initState() 和 dispose() 被调用了)。

当页面被选中时，保存 map 中所有状态并继续 map 先前状态的最佳方法是什么？

我已经阅读了一些关于 Redux 和 BloC 的内容，这是我在这里需要的模式吗？如果是，如何将其应用于 GoogleMap？

Answer 1

我遇到了同样的问题，Flutter 基本上是在您每次更改页面时重新加载您的 googlemaps 页面。我使用 IndexedStack 解决了这个问题。所以我所有的页面一直都在堆栈中，它们不会重新加载。我不确定这是否是最好的方法，但它确实有效。

 child: new IndexedStack(
    children: _pages,
    index: widget.currentItem,
  ),

IndexedStack 只显示 Stack 的索引项，但所有项即使未显示也都在堆栈中，因此当您更改选项卡时不会重新加载它们。使用 setState 根据 TabBar 索引的索引更改 currentItem...