首页 > 解决方案 > 如何在 PageView 中的页面之间留出一些空间(边距/填充)?

问题描述

PageView.builder用来创建页面。

PageView.builder(
          itemCount: _pagesList.length,
          itemBuilder: (BuildContext context, int index) {
            return Container( 
                    color: _pagesList[index],
                           );
                          }
                         )

我目前拥有的:

我想要的是:

即我想Padding在页面之间提供一些(当它们被滚动时)

原因:我会在这些页面中显示图片,并且由于图片会覆盖每个页面的整个宽度,所以当我们滚动页面时看起来并不好看,因为它们是编织在一起的,如下所示:

滚动页面时图像之间没有空格

我该如何解决这个问题?

标签: flutterdart

解决方案


PageController imagesController =
        PageController(initialPage: 0, viewportFraction: 1.1);

PageView(
    itemBuilder: (BuildContext context, int index) {
     return Padding(
      padding: EdgeInsets.only(left: 10, right: 10),
        child: Container( 
            color: _pagesList[index],
        ),
     );
  }
),

推荐阅读