首页 > 解决方案 > 如何用 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

标签: flutter

解决方案


推荐阅读