我有一个呈现行的ListView。我想在行之间留一些空间,但是一旦添加一些填充部分,填充就会使行的一部分不可见。
我该怎么做才能在ListView的项目之间留出一些空间?
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
)
)
]
)
);
}
}
答案 0 :(得分:1)
删除itemExtent: 30,
可能会解决问题