Flutter调整大小包装小部件

Question

项目

嗨， 我正试图在扑朔迷离中重现这个概念：

创建两个状态非常简单，我缺少的一点是如何通过具有类似效果的简单幻灯片过渡来在两个状态之间进行过渡

代码

我正在考虑用类似这样的方式重现第一个：

    Wrap(
     direction: Axis.horizontal,
     spacing: 8,
     runSpacing: 8,
     children: _buildFilters(),
    ),

   List<Widget> _buildFilters() {
     List<Widget> filters = List();
       for (var item in mylist) {
           filters.add(RoundedFilter(
             onTap: () {},
             text: item.name,
           ));
      }

        return filters;
      }

第二个可能带有列表视图

return ListView.builder(
  scrollDirection: Axis.horizontal,
  itemCount: mylist.lenght,
  itemBuilder: (context, index) {
    return RoundedFilter(
      onTap: () {},
      text: mylist[index].name,
    );
  },
);

通过这种方法，我唯一可以做动画过渡的方法是使用动画切换器，但我认为这不是一个好的解决方案。

有没有更好的方法来获得结果？

谢谢