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

最新推荐文章于 2024-08-23 18:24:46 发布

大蛇2

最新推荐文章于 2024-08-23 18:24:46 发布

阅读量2w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Flutter

本文链接：https://blog.youkuaiyun.com/dalong3976/article/details/88782458

Flutter 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个在Flutter中使用Expanded Widget解决ListView高度不确定问题的方法。通过在ListView外部包裹Expanded Widget，可以实现自适应高度的效果，避免了因固定高度带来的布局问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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,

      ),
    )),
],)