Question

我有 ListTiles 的 ListView，我只想显示第一个。然后单击按钮后，我想为其他 ListTiles 设置动画以显示在 ListView 中（它们一开始是空的容器）。

我尝试在 ListTile 和空容器之间使用 AnimatedCrossFade 和 AnimatedSwitcher。我也尝试了一些软件包，但没有运气。我尝试的所有方法都将 Container 与 ListTile 交换，但没有动画。

ListView.separated(
  physics: ClampingScrollPhysics(),
  shrinkWrap: true,
  itemBuilder: (context, index2) => index2 < (!seeAll ? 1 : length)
      ? ListTile(
          //stuff
        )
      : Container(),
  separatorBuilder: (context, index) =>
      seeAll ? Divider() : Container(),
  itemCount: length,
)

这将根据 seeAll 的值在 ListTile 和 Container 之间正确交换，该值在 Button 按下时发生变化，并且第一个 ListTile 将始终显示这是所需的行为。有没有办法给它添加动画。我不确定为什么上述动画不起作用。附注持续时间设置为足够的时间让动画可见，所以这不是问题。

Answer 1

您可以尝试 Visible 小部件，但我不确定动画效果：

itemBuilder: (context, index2) => 
       Visible(
           visible : index2 < (!seeAll ? 1 : length)
           child : ListTile(
              //stuff
            )
       )

使用动画显示/隐藏 ListView 中的小部件

1 个答案: