【发布时间】:2020-03-04 13:40:39
【问题描述】:
我有一个SliverList,我将它与SliverAppBar 一起使用,以便在用户滚动列表时为应用栏设置动画(标准用例确实是条子,没什么特别的)。
现在我想为SliverList 中的元素添加动画。例如,添加项目时的水平滑动过渡,或重新排序列表时元素之间的一种垂直“随机播放”。 AnimatedList 提供其中一些功能,但不提供 SliverList。
我对框架的理解是,可以将提供给SliverList 的元素包装在AnimatedWidget(或一些类似的小部件)中以动画化更改。不过我对 Flutter 动画的了解还是有点太新鲜了,所以求助。
这是我的代码的一部分。我想为下面的GameScoreWidget 实例制作动画。
SliverList(
delegate: SliverChildBuilderDelegate((BuildContext context, int index) {
if (index == 0) {
return ListReorderWidget(viewModel: viewModel);
}
else if (!viewModel.isLatestGame(index-1)) {
return GameScoreWidget(position: index-1, viewModel: viewModel);
}
else
return Dismissible(
direction: DismissDirection.endToStart,
child: GameScoreWidget(position: index-1, viewModel: viewModel),
key: UniqueKey(),
background: Container(color: Colors.red),
onDismissed: (direction) {
onGameDismissed(context);
},
);
},
childCount: viewModel.games.length+1,
),
)
我找不到任何与我的问题相关的答案。我发现这个问题与Animating changes in a SliverList
相关但没有答案...
【问题讨论】:
标签: flutter flutter-animation flutter-sliver flutter-animatedlist