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

slmsl1lt  于 2022-12-25  发布在  Flutter
关注(0)|答案(3)|浏览(204)

如何使页面视图的上一个和下一个项目在屏幕的两端稍微可见?

1cosmwyk

1cosmwyk1#

首先你需要指定页面控制器的viewport fraction,默认值为1.0:

final _controller = PageController(viewportFraction: 0.7);

然后将自定义控制器用于页面视图:

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

zzoitvuj2#

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

9fkzdhlc

9fkzdhlc3#

要使下一张和上一张卡片可见,您可以尝试在PageView视图端口中使用分数
https://www.youtube.com/watch?v=_uuFKMCA1m4

相关问题