如何为Flutter SliverList中的元素设置动画

Question

我有一个SliverList，当用户滚动列表时，我用它和SliverAppBar一起为应用程序栏设置动画(slivers的标准用例真的没什么好看的(。

现在我想为SliverList中的元素添加动画。类似于例如添加项目时的水平幻灯片转换；shuffle"；当列表被重新排序时，在元素之间。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,
),
)

我找不到任何与我的问题相关的答案。我发现这个问题与SliverList 中的动画更改有关

但没有答案。。。

Answer 1

使用

https://pub.dev/packages/auto_animated

这个包给你LiveSliverList()，它可以用来动画sliverList容易