Flutter 刷新数据无屏幕闪烁和滚动问题

Question

我有一个显示聊天消息的页面，并将一组消息的日期作为我的 Flutter 应用程序中的分隔符。数据是从 localDB 中提取的，我试图通过轮询 DB 来更新数据，但是每次我重建流甚至将来它都会使屏幕闪烁并自动滚动到列表顶部。代码在这里太大了，所以我已经发布了它here。

它使用一个 Stream 构建器，该构建器使用从第一个流中获取的数据调用一个小部件，并使用另一个流构建器来构建消息。我确信这与它有关，但不知道如何改变它或解决闪烁和滚动的怪异问题。

希望有人对如何更好地处理此问题或修复闪烁有一些想法。

Answer 1

您可以尝试为每个页面创建一个“应用程序状态”，例如：

加载应用程序状态 - 当您从数据库/服务器轮询时显示进度指示器。

成功的应用程序状态 - 这会关闭进度指示器并仅显示一个空容器，显示您的数据。

失败的应用状态 - 显示您选择的错误图标。

也许你可以试试这个库，Flutter GetX，我推荐这个库，因为它使用起来非常简单。

它有状态管理库，使用流和setState({}) 为我节省了大量时间和代码。