如何正确将PageView设置为AppBar的title？解决无限高度错误

这个错误的核心是水平滚动的PageView需要明确的高度约束，但AppBar的title区域没有提供固定高度范围，导致PageView无法确定自身高度，从而触发布局报错。

以下是两种直接有效的解决方法：

方法一：用SizedBox匹配AppBar默认高度 #

用SizedBox包裹PageView，指定高度为kToolbarHeight（Flutter内置的AppBar工具栏默认高度常量），既能满足PageView的高度需求，又能保持和AppBar视觉风格统一：

Scaffold(
  appBar: AppBar(
    title: SizedBox(
      height: kToolbarHeight,
      child: PageView(
        children: const [
          Text('页面1'),
          Text('页面2'),
        ],
      ),
    ),
  ),
)

方法二：用Container自定义高度与内边距 #

如果需要自定义高度或调整内边距，可使用Container包裹PageView，灵活控制布局：

Scaffold(
  appBar: AppBar(
    title: Container(
      height: 48, // 自定义高度，建议接近kToolbarHeight避免视觉不协调
      padding: const EdgeInsets.symmetric(horizontal: 8),
      child: PageView(
        children: const [
          Text('自定义区域1'),
          Text('自定义区域2'),
        ],
      ),
    ),
  ),
)

注意事项 #

• 不要给PageView设置shrinkWrap: true，水平滚动组件的shrinkWrap无法正确计算高度，反而可能引发其他布局异常。
• 确保PageView的子组件适配指定高度，避免内容溢出。

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