Flutter中CustomScrollView嵌入TabBarView报hasSize错误如何自适应高度？

• TabBarView默认渲染逻辑为填充父组件提供的最大可用高度，而CustomScrollView对内部Sliver子组件的高度约束为无上限，未给TabBarView设置固定高度时，其无法确定自身渲染尺寸，就会抛出hasSize相关的布局断言错误。
• Expanded仅能在Row、Column这类Flex布局容器中生效，将其放在SliverToBoxAdapter的子节点中时，父容器不属于Flex布局体系，无法正确计算高度约束，因此同样会触发报错。

可根据业务场景选择以下两种适配方案：

方案1：TabBarView占满CustomScrollView剩余可视空间 #

适合TabBarView内部子页面为可滚动列表的场景，将包裹TabBarView的SliverToBoxAdapter替换为SliverFillRemaining即可，无需手动设置固定高度，组件会自动计算CustomScrollView中已渲染Sliver之外的剩余可视高度完成适配：

// 替换原有TabBarView对应的Sliver代码
SliverFillRemaining(
  child: Container(
    color: Colors.red,
    child: TabBarView(
      controller: this._controller,
      children: [
        Center(child: Text("Hello")),
        Center(child: Text("Hello")),
        Center(child: Text("Hello")),
      ],
    ),
  ),
)

方案2：TabBarView高度随当前子页面内容自适应 #

适合TabBarView子页面内容高度不固定、不需要内部滚动的场景，放弃系统自带的TabBarView，通过TabController监听索引变化，配合Offstage组件实现Tab切换，容器高度会自动适配当前显示的子组件高度：

// State初始化逻辑
late TabController _controller;

@override
void initState() {
  super.initState();
  _controller = TabController(length: 3, vsync: this);
  // 监听Tab切换触发重绘
  _controller.addListener(() {
    setState(() {});
  });
}

// 替换原有TabBarView对应的Sliver代码
SliverToBoxAdapter(
  child: Container(
    color: Colors.red,
    child: Column(
      children: [
        Offstage(
          offstage: _controller.index != 0,
          child: Center(child: Text("第一个Tab的内容")),
        ),
        Offstage(
          offstage: _controller.index != 1,
          child: Center(child: Text("第二个Tab的不同长度内容")),
        ),
        Offstage(
          offstage: _controller.index != 2,
          child: Center(child: Text("第三个Tab的超长内容\n换行也能自适应高度")),
        ),
      ],
    ),
  ),
)

如果需要保留Tab切换动画，可将Offstage组合替换为AnimatedSwitcher实现带动画的高度自适应切换效果。

内容的提问来源于stack exchange，提问作者darkstar