flutter - 在 ListView.builder 的末尾提供一些额外的空间

Question

下面是我的代码，我想在列表项的末尾添加一些高度为 50 的额外空间。因为当我的堆栈的第二个孩子出现时，它几乎与列表视图的最后一项重叠。我尝试用列包装 ListView.builder 并最后添加了一个容器，但破坏了我的整个结构。对于这种情况，我必须将列包装到 Single scrollable 中，它将堆栈 2nd 小部件推到 ListItem 的末尾。（但我不希望 Stack 2nd 对象可滚动）。如您所见，我无法单击 HotDog。

 body: Stack(
        children: <Widget>[
          ListView.builder(
                  itemCount: itemData.length,
                  shrinkWrap: true,
                  scrollDirection: Axis.vertical,
                 itemBuilder: (BuildContext context,int index){ 
                   return Text(data[index].name);
 }

                     ),

          Padding(
            padding: const EdgeInsets.all(10.0),
            child: Container(
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(8),
                color: Colors.cyan
              ),
              padding: EdgeInsets.all(10),
              height: 60,

            ),
          )
        ],
      ),

标签： flutterdart

Answer 1

您如何添加空的最后一项，如下面的代码？

          ListView.builder(
                  itemCount: itemData.length + 1,
                  shrinkWrap: true,
                  scrollDirection: Axis.vertical,
                 itemBuilder: (BuildContext context,int index){
                   if (index == item.Data.length) {
                       return SizedBox(height: 50);
                   } else {
                       return Text(data[index].name);
                   }
                 }
            ),