颤振：防止边际限幅

Question

我有水平ListView.builder。随附的图像演示了我的UI。

的listView（红色）。itemBuilder按钮小部件（蓝色）；边距（绿色）。

当列表滚动到边缘（没有边距）时，我的按钮将明显靠在屏幕边缘。

如果我添加margin或padding通过Container或ListView，它将按预期方式移动我的UI。

但是，当我滚动列表时，列表中的项目现在会被此边距剪裁，而不是滚动到屏幕边缘，而是滚动到边距边界。

滚动时如何显示不裁剪列表的插图？

Answer 1

ListViewpadding为此拥有财产。

下面的代码将第一个元素偏移8。但是，与包装ListView在内相比，该填充不会剪切列表内容Padding。

   ListView.builder(
      padding: EdgeInsets.only(top: 8.0),
      itemBuilder: (context, index) {
        return Container(
          height: 42.0,
          color: index % 2 == 0 ? Colors.red : Colors.blue,
        );
      },
    ),