如何在flutter中为ListView的项目添加一些填充,而不隐藏部分项目?
我有一个显示行的列表视图。我想在行之间留出一些空间,但只要添加一些填充部分,填充就会使行的一部分不可见 如何在ListView的项目之间留出一些空间如何在flutter中为ListView的项目添加一些填充,而不隐藏部分项目?,listview,flutter,Listview,Flutter,我有一个显示行的列表视图。我想在行之间留出一些空间,但只要添加一些填充部分,填充就会使行的一部分不可见 如何在ListView的项目之间留出一些空间 class HomePage extends StatefulWidget { HomePage({Key key, this.title}) : super(key: key); final String title; @override _HomePageState createState() => _HomePageS
class HomePage extends StatefulWidget {
HomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
var wateringPeriods = new List<WateringPeriod>();
initState() {
super.initState();
_getWateringPeriods();
}
Widget _listItemBuilder(BuildContext context, int index)
{
return Padding(
padding: const EdgeInsets.all(6.0),
child: Row
(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Text( "some Text"),
Text("some othe Text"),
IconButton(
icon: Icon(Icons.delete),
color: Colors.blue,
onPressed: () {
print("filled background");
}
)
]
),
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body:
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Expanded(
child:ListView.builder(
itemCount:wateringPeriods.length,
itemExtent:30,
itemBuilder: _listItemBuilder
)
)
]
)
);
}
}
类主页扩展StatefulWidget{
主页({Key,this.title}):超级(Key:Key);
最后的字符串标题;
@凌驾
_HomePageState createState()=>\u HomePageState();
}
类_HomePageState扩展状态{
var wateringPeriods=新列表();
initState(){
super.initState();
_getWateringPeriods();
}
Widget\u listItemBuilder(BuildContext上下文,int索引)
{
返回填充(
填充:常数边集全部(6.0),
孩子:排
(
mainAxisAlignment:mainAxisAlignment.spaceBetween,
儿童:[
文本(“某些文本”),
文本(“其他文本”),
图标按钮(
图标:图标(Icons.delete),
颜色:颜色,蓝色,
已按下:(){
打印(“填充背景”);
}
)
]
),
);
}
@凌驾
小部件构建(构建上下文){
返回脚手架(
appBar:appBar(
标题:文本(widget.title),
),
正文:
纵队(
crossAxisAlignment:crossAxisAlignment.start,
mainAxisSize:mainAxisSize.min,
儿童:[
扩大(
子项:ListView.builder(
itemCount:wateringPeriods.length,
项目范围:30,
itemBuilder:\u listItemBuilder
)
)
]
)
);
}
}
删除
itemExtent:30,
可能解决了这个问题只是想澄清一下,您希望列表中的每个项目之间有一定的间距,还是一行中的小部件之间有一定的间距?列表项之间需要一定的间距