flutter: listview显示时报错Vertical viewport was given unbounded height

一,报错信息:

Vertical viewport was given unbounded height

二,解决:

原代码:

    return Scaffold(
      appBar: AppBar(title: Text('这是首页'),),
      body: Center(
          child:Column(
            children:[
              ElevatedButton(
                child: Text("下一页"),
                onPressed: () {
                   print('将跳转到下一页');
                },
              ),
              content,

              ],

          ),
      ),
    );

修改:使用expanded,

它的作用:是一个用于在 RowColumn 或 Flex 容器中让子组件‌自动占据剩余空间‌的布局控件。

    return Scaffold(
      appBar: AppBar(title: Text('这是首页'),),
      body: Center(
          child:Column(
            children:[
              ElevatedButton(
                child: Text("下一页"),
                onPressed: () {
                   print('将跳转到下一页');
                },
              ),
              Expanded( // wrap in Expanded
                child: content,
              ),

              ],

          ),
      ),
    );

 

posted @ 2026-03-04 17:55  刘宏缔的架构森林  阅读(2)  评论(0)    收藏  举报