在 Flutter 中向下滚动 ListView.builder 时出现不需要的动画

Posted

技术标签:

【中文标题】在 Flutter 中向下滚动 ListView.builder 时出现不需要的动画【英文标题】:Unwanted animation while scrolling down the ListView.builder in Flutter 【发布时间】:2021-02-20 12:13:20 【问题描述】:

我有 listview.builder 小部件,其中有几个 ListView.builder 和 GridView.count,其中有 scrollDirection:Axis.horizontal。所有数据都来自服务,我正在使用 FutureBuilder 来获取它们。我的问题是每当我滚动主 ListView.builder 时,其他列表视图项目都带有动画(项目来自左侧,来自右侧)。特别是如果我快速滚动。我没有使用任何动画,我也不知道这个问题,也许每次我滚动lisview时它都会重建,但我使用AutomaticKeepAliveClientMixin作为主ListView。你有什么主意吗?感谢阅读。

【问题讨论】:

【参考方案1】:

这个问题可能是重复的,我用这个答案解决了我的问题:https://***.com/a/57984979/10025471

问题是每次我滚动列表视图时,孩子们都会一次又一次地重建。因此,我将所有孩子都转换为有状态小部件,并将AutomaticKeepAliveClientMixin 添加到所有孩子。现在,没有不需要的动画了,并且多余的重建

【讨论】:

以上是关于在 Flutter 中向下滚动 ListView.builder 时出现不需要的动画的主要内容,如果未能解决你的问题,请参考以下文章

Flutter ListView.builder sizedbox问题

Flutter ListView 滚动动画重叠兄弟小部件

如何在 Flutter 中让 ListView 中的项目覆盖整个屏幕

在 ListView 中检测向上滚动和向下滚动

Flutter - 隐藏 FloatingActionButton

在 ListView 中,向下滚动时,在颤动中丢失数据