flutter TabBarView 报Horizontal viewport was given unbounded height 错误

最新推荐文章于 2024-07-07 19:22:41 发布

supming1

最新推荐文章于 2024-07-07 19:22:41 发布

阅读量3.1k

点赞数 1

分类专栏： flutter

本文链接：https://blog.csdn.net/supming1/article/details/104904937

版权

flutter 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

flutter TabBarView 没有跟Scaffold 一起使用的时候，容易报 Horizontal viewport was given unbounded height 错误，例如将其作为Column的子元素，就会出现该错误。错误提示意思是水平视图高是无限的，这里由于是用在Column中，所以水平应该理解为垂直方向。解决该问题就是需要在其父级添加高度限制。例如在其外层包裹Expanded，并设置flex。如下：

Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        header(),// 自定义组件
        Expanded(// 设置高度。直接将TabBarView作为Column子元素，而不设置高度，会报错
          flex: 1,
          child: TabBarView(....),// 省略无关代码
        ),
      ],
    );
  }