如何在 Flutter 中使用 ScopedModel 时保留数据？

Question

我正在使用 ScopedModel 从 Firebase 数据库中获取一些数据。

我正在获取事件列表。

我从模型内部的端点获取事件；
我将事件存储到模型中的 List<Event> 中；
我使用该列表来构建我的 ListView。

mixin EventModel on Model {
    List<Event> _events = [];

    Future<http.Response> fetchEvents() async {
          http.Response response = await http.get(//Url);

            final List<Event> fetchedEvents = [];

            ... // decode response data into fetchedEvents

            // Add the loaded data to my List
            _events = fetchedEvents;
            notifyListeners();

            ...
      }

}

所以，当打开 EventsPage 时，我做的第一件事就是获取 initState() 中的数据。

class _EventPageState extends State<EventPage> {
  @override
  void initState() {
    super.initState();
      widget.model.fetchEvents();
    }
  }
}

获取网络数据后，我的应用程序中的 List 具有网络数据，因此我可以使用它来构建我的 ListView。

EventsPage.dart

Widget _buildListView(MainModel model) {
    return Center(
      child: ListView.builder(
        itemBuilder: (BuildContext context, int index) {
          return ItemEventBig(model.events[index], index);
        },
        itemCount: model.events.length,
      ),
    );
  }

我的问题是，如果我导航到另一个页面然后返回到 EventsPage，initState() 将再次被调用，所以 fetchEvents。让应用重新加载所有事件列表。

我想在我的应用程序运行时保留下载的数据，这样如果用户来回 EventsPage 数据不会丢失。

我是在Android中用ViewModel做的，在Flutter中如何做？

我想继续使用 ScopedModel 在 Flutter 中进行状态管理。

可能的解决方案

我认为解决方案是像我一样将事件存储在 List<Event> 中。然后，当调用 fetchEvents() 时，我可以先检查我的 List<Event> 是否不为空，如果是，我不需要再次调用它，因为数据已经加载。

这对我来说似乎是一个糟糕的解决方案，尤其是当我有多个页面获取数据时。假设我加载第一个，当我转到第二个时，它会假设数据已经加载，因为 List<Event> 是非空的，它不会再次加载。

Answer 1

参见 Flutter 文档 - https://api.flutter.dev/flutter/widgets/AutomaticKeepAliveClientMixin-mixin.html

class _EventPageState extends State<EventPage> 
     with AutomaticKeepAliveClientMixin<EventPage> {
  @override
  void initState() {
    super.initState();
      widget.model.fetchEvents();
    }
  }
  @override
  // TODO: implement wantKeepAlive
  bool get wantKeepAlive => true;
}

如何在 Flutter 中使用 ScopedModel 时保留数据？

How to retain data while using ScopedModel in Flutter?

flutter

scoped-model