如何在 Flutter 中使用 PageView 使上一个和下一个项目可见？

Question

如何使 PageView 的上一项和下一项在屏幕的两端稍微可见？

Answer 1

您需要减小页面视图中的页面宽度，以便显示更多内容

Answer 2

首先您需要指定页面控制器的视口分数，默认为 1.0 :

final _controller = PageController(viewportFraction: 0.7);

然后为您的页面视图使用自定义控制器：

PageView.builder(
              itemCount: _pages.length,
              controller: _controller,
              itemBuilder: (BuildContext context, int index) {
                return _pages[index];
              },
            )

如何在 Flutter 中使用 PageView 使上一个和下一个项目可见？

How to make previous and next items visible using PageView in Flutter?

pageviews

dart

flutter