flutter - 如何用 spaceBetween 填充父级以拥有列表视图
问题描述
我有一个包含 5 个元素的列表,我想要一个带有 spaceBetween 的列表视图,它可以填充父母的高度
现在列表视图保持在顶部并且不填充父母的高度
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Center(child: new Text(widget.title)),
),
body: FutureBuilder<List<Dia>>(
future: _con.getDiaList(),
builder: (context, snapshot) {
if (snapshot.hasData) {
List<Dia> diaList = snapshot.data;
if (diaList.isNotEmpty) {
return Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[buildList(diaList),],
);
} else {
return Text("No hi han dies per mostrar");
}
} else {
return Center(child: CircularProgressIndicator());
}
},
),
);
}
Widget buildList(List<Dia> diaList) => ListView.builder(
scrollDirection: Axis.vertical,
shrinkWrap: true,
itemCount: diaList.length,
itemBuilder: (context, index) {
return buildCard(diaList[index], context);
},
);
Widget buildCard(Dia dia, context) => Card(
elevation: 8.0,
margin: new EdgeInsets.symmetric(horizontal: 10.0, vertical: 15.0),
child: Container(
decoration: BoxDecoration(color: blueColor),
child: cardContent(dia, context),
),
);
实际:https ://imgur.com/a/2rqjwvu 预期:https ://imgur.com/a/vJYT1pk
解决方案
推荐阅读
- php - Mariadb 错误:此 MariaDB 不允许使用的命令
- javascript - 如何通过道具 [REACT.JS] 将图像 url 从父组件传递到子组件
- shopify - Shopify 自定义结帐流程
- spring-boot - 为什么 jasypt PBE 不能在服务器上运行但在本地运行?
- angular - 初始化输入时缺少 asyncValidator (Angular 7.0.1)
- python - 使用命令行将 matplotlib 图保存到文件中,而不使用 plt.save()
- android - 将 sharedIntent 显示为列表,而不是网格
- vb.net - 如何在VB的剪贴板中添加图像、文档?
- jenkins - 为 Jenkins 自由式项目归档工件时出错?
- r - 读取 SAS 数据集 R sas7bdat 包