Flutter中Expanded嵌套TabBarView报错及输入框溢出问题求助

报错原因 #

TabBarView内部的RenderViewport默认无法返回固有尺寸，而Expanded的布局逻辑依赖子组件的固有尺寸计算剩余空间，两者布局逻辑冲突，就会抛出RenderViewport does not support returning intrinsic dimensions.错误。

兼顾无报错与避免键盘溢出的解决思路 #

设置hasScrollBody: true能解决尺寸冲突的报错，但会让TabBarView的内容区域失去滚动能力。要解决键盘弹出时的溢出问题，只需给每个Tab的内容套上可滚动组件：

• 保留hasScrollBody: true消除尺寸计算冲突
• 给每个Tab的子组件包裹SingleChildScrollView（如果Tab内容本身是ListView这类可滚动组件，直接使用即可，无需额外嵌套）

修改后的代码示例 #

Expanded(
  child: TabBarView(
    controller: _tabController,
    hasScrollBody: true, // 解决尺寸报错的关键设置
    children: [
      SingleChildScrollView(
        child: SizedBox(
          height: double.infinity,
          child: Text('Tab 1 内容'),
        ),
      ),
      SingleChildScrollView(
        child: SizedBox(
          height: double.infinity,
          child: TextFormField(
            decoration: InputDecoration(hintText: '请输入内容'),
          ),
        ),
      ),
    ],
  ),
)

内容的提问来源于stack exchange，提问作者Quân Đỗ Minh