如何使用 PageView 显示多个页面?

Dom*_*ski 10 flutter flutter-layout

我有一个使用PageView的应用程序,我想让它具有响应性——例如,在平板电脑上,它显示 3 个页面,而在智能手机上,它只显示一个:

在此处输入图片说明

如何更改 PageView 中显示的页数?

Rém*_*let 15

可以通过一个PageController来控制一个PageView中显示的页面数量

var controller = PageController(viewportFraction: 1 / 3);
Run Code Online (Sandbox Code Playgroud)

然后将其传递给您的PageView

PageView(
  controller: controller,
  ...
), 
Run Code Online (Sandbox Code Playgroud)

  • 这似乎只适用于视口 1/3,但不适用于 1/2,因为它在中间显示一页,在左侧显示半页,在右侧显示另一半页。有没有办法让 2 个整页并排显示? (4认同)