flutter Column 中包含ListView高度设置问题

Column(children: <Widget>[Text(“测试”),Container(width: ScreenUtil().setWidth(570),// height: ScreenUtil().setHeight(800),child: ListView.builder(scrollDirection: Axis.vertical,itemBuilder:(contex

kailly235

1758人浏览 · 2020-11-03 16:25:50

kailly235 · 2020-11-03 16:25:50 发布

Column(children: <Widget>[
Text(“测试”),
Container(
      width: ScreenUtil().setWidth(570),
//      height: ScreenUtil().setHeight(800),
      child: ListView.builder(
      scrollDirection: Axis.vertical,
       itemBuilder:
              (context,index){

        return _getListItem(index);
      },
        itemCount: list.length,

),
),
],)

以上代码中 height如果不设置界面显示会有问题，如果要设置，又不能准确的计算出结果；下面有个方法可用解决这个问题，

Expanded在外层包裹就可用解决这个问题，如下

Column(children: <Widget>[
Text(“测试”),
Expanded(child: Container(
      width: ScreenUtil().setWidth(570),
    child: ListView.builder(
      scrollDirection: Axis.vertical,
       itemBuilder:
              (context,index){

        return _getListItem(index);
      },
        itemCount: list.length,

),
)),
],)

Column(children: <Widget>[
Text(“测试”),
Container(
      width: ScreenUtil().setWidth(570),
//      height: ScreenUtil().setHeight(800),
      child: ListView.builder(
      scrollDirection: Axis.vertical,
       itemBuilder:
              (context,index){

        return _getListItem(index);
      },
        itemCount: list.length,

),
),
],)

以上代码中 height如果不设置界面显示会有问题，如果要设置，又不能准确的计算出结果；下面有个方法可用解决这个问题，

Expanded在外层包裹就可用解决这个问题，如下

        return _getListItem(index);
      },
        itemCount: list.length,

),
)),
],)

华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐