容器小部件的滑动手势

Question

我想在 Flutter 中使用容器小部件创建类似 Instagram 的轮播效果。我尝试了“swiper_flutter”插件，但无法达到我想要的效果。你可以在这里看到我画的草图。

我想让它通过检测滑动手势来切换内容。我还想给“卡片”一个索引，这样它就可以在下面的点上显示页数。但我就是不知道如何通过检测滑动手势来交换容器。

Answer 1

您可以在滚动后使用 PageView 和 onPageChanged 来 re-render

PageView(
        controller: pageController,
        scrollDirection: Axis.horizontal,
        children: {Your items},
        onPageChanged: (int index) => onPressCallback(
            {Your code here}
      )