减少 Flutter 轮播滑块填充

Question

我正在使用 carousel_slider flutter 插件。我想减少 'items' 小部件之间的 space。这是我的代码：

CarouselSlider(
          options: CarouselOptions(
            enableInfiniteScroll: false,
            initialPage: 0,
            height: screenHeight * 0.35,
            enlargeCenterPage: true,
            viewportFraction: 0.85
          ),
          items: <Widget>[
            Container(
              padding: EdgeInsets.all(0),
              color: Colors.blue,
            ),
            Container(
              padding: EdgeInsets.all(0),
              color: Colors.blue,
            )
          ],
        )

这就是我得到的：

Answer 1

如果你想让你的项目填满所有屏幕宽度，你应该将 viewportFraction 设置为 1 :

viewportFraction: 1,

如果你想保持较低的比率并删除项目之间的 space，默认的 CarouselOptions() 似乎可以实现。

您的参数似乎与默认值不同 enlargeCenterPage: true，您可能希望将其保留为 false。

我建议看一下示例 here。

减少 Flutter 轮播滑块填充

Reduce Flutter carousel slider padding

widget

carousel

flutter