水平ListView中的动画小部件

Question

考虑一个水平可滚动的ListView，其中每个项目都是一个Stack。堆栈有两个小部件，底部是一个较大的蓝色容器，顶部是一个较小的琥珀色容器。当我点击蓝色的“容器”时，琥珀色的容器应在蓝色的容器外向右移动，将列表中的其余项目向右移动。我该怎么办？

ListView.builder(
  scrollDirection: Axis.horizontal,
  itemCount: 5,
  itemBuilder: (context, index) {
    return Padding(
            padding: EdgeInsets.only(right: 10.0),
            child: Stack(
              children: <Widget>[
                GestureDetector(
                  child: Container(
                    height: 120,
                    width: 90,
                    color: Colors.blue,
                  ),
                ),
                Container(
                  height: 90,
                  width: 30,
                  color: Colors.amber,
                )
              ],
            ),
          );
  },
),

截屏：“ >>

考虑一个水平可滚动的ListView，其中每个项目都是一个Stack。堆栈有两个小部件，底部是一个较大的蓝色容器，顶部是一个较小的琥珀色容器。当我点击蓝色...

Answer 1

如果您要做的只是将内容滚动回到ListView的开头，那么下面的代码即可完成：