Flutter 中的水平滑出动画（如 Figma 中）

Question

我正在尝试在 Flutter 中实现向左滑动的水平滑出动画，有点像 Figma 原型设计中可用的动画。从本质上讲，我将拥有一堆容器（带有一些文本），并且在最顶部容器的左侧滑动时，该容器应该滑出，露出下面的容器（等等）。

到目前为止，我已经查看了 PageView 和 Slide Transition 小部件； PageView 不允许这样做，因为那里的容器像列表一样排列。幻灯片转换需要路线和导航到该路线，但情况并非如此。此外，这必须在 Flutter Stack 上实现，以便最顶层的容器移出。任何关于高级小部件的输入以实现此/示例代码将不胜感激！

Answer 1

使用此 pub 包创建水平滑出动画。

carousel slider package

      CarouselSlider(
        items: child as List<Widget>?,
        options: CarouselOptions(
          autoPlay: false,
          enlargeCenterPage: true,
          aspectRatio: 2.0,
          onPageChanged: (index, reason) {
            setState(() {
              _current = index;
            });
          },
        ),
      ),

child 可以是 Stack 或 Container，随您的喜好。