Flutter:防止边际裁剪

时间:2018-06-22 15:58:10

标签: listview user-interface dart flutter margin

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

listView(红色)。 itemBuilder按钮小部件(蓝色);边距(绿色)。

enter image description here

当列表滚动到边缘而没有空白时,我的按钮将明显地靠在屏幕边缘。

如果我通过marginpadding添加ContainerListView,它将按预期方式移动我的UI。

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

在滚动时如何获得一个不会裁剪列表的插图?

2 个答案:

答案 0 :(得分:5)

ListView为此拥有padding属性。

以下代码将第一个元素偏移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,
        );
      },
    ),

答案 1 :(得分:-1)

@global as bit

DECLARE @comando as varchar(5000)
SET @comando = @comando + ' /SET "\package.Variables[User::global].Properties[Value]";"\"'+ @global+ '\""'

正如Edman在评论中指出的,您只需插入一个将作为边距的小部件作为您的第一项。