我有一个Flutter屏幕,它是用下面的代码构建的。我希望ListView小部件和Row小部件之间没有空间。但是代码生成的结果显示在屏幕截图中。我如何消除两个小部件之间差距?
Material(
color: const Color.fromARGB(128, 0, 0, 0),
child: Padding(
padding: const EdgeInsets.only(top: 56.0, right: 150.0),
child: Column(
children: [
Container(
height: 40,
color: Colors.white,
child: Row(
children: const [
Padding(
padding: EdgeInsets.only(left: 16.0),
child: Text('Select a new grocery list:'),
), // Padding
],
), // Row
), // Container
ListView.builder(
shrinkWrap: true,
itemBuilder: (context, index) {
return Container(
decoration: BoxDecoration(
border: Border(
bottom: BorderSide(color: Colors.grey.shade700),
), // Border
), //BoxDecoration
child: ListTile(
visualDensity: VisualDensity.compact,
title: Text(groceryListNames[index]),
textColor: Constants.kDarkBlueTextColor,
tileColor: Colors.white,
onTap: () {
Navigator.pop(context, groceryListNames[index]);
},
), // ListTile
); // Container
},
itemCount: groceryListNames.length),
],
), // Column
), // Padding
), // Material
1条答案
按热度按时间z2acfund1#
将属性
padding: EdgeInsets.zero
添加到ListView.builder()
以删除不需要的填充:或者
使用
ListView.builder()
作为MediaQuery.removePadding
的子元素,以删除设备或系统应用的任何顶部填充: