Flutter AppBar长标题无法居中求助（已开启居中设置）

当AppBar使用长标题且开启centerTitle: true后仍无法居中，通常是因为leading、actions组件占用空间挤压了标题区域，或者默认布局逻辑导致标题偏移，以下是几种实用解决方法：

• 调整leading宽度（适配带返回按钮的场景）
  默认leading宽度可能限制标题的可用空间，手动设置leadingWidth匹配leading组件的实际宽度，配合centerTitle: true即可让标题居中：

AppBar(
  centerTitle: true,
  leadingWidth: 56, // 按需调整，比如和返回按钮宽度一致
  leading: IconButton(
    icon: const Icon(Icons.arrow_back),
    onPressed: () => Navigator.pop(context),
  ),
  title: const Text("这是一个非常非常长的测试标题用来验证居中问题"),
)

• 用Center组件包裹标题强制居中
  不管左右是否有操作按钮，直接将标题放入Center组件，双重保障居中效果，同时可处理文本溢出：

AppBar(
  centerTitle: true,
  leading: IconButton(
    icon: const Icon(Icons.arrow_back),
    onPressed: () => Navigator.pop(context),
  ),
  actions: [
    IconButton(icon: const Icon(Icons.more_vert), onPressed: () {}),
  ],
  title: Center(
    child: const Text(
      "这是一个非常非常长的测试标题用来验证居中问题",
      overflow: TextOverflow.ellipsis, // 可选，避免标题溢出
    ),
  ),
)

如果actions宽度过大遮挡标题，可给Center添加左右内边距或者调整actions的布局。

• 自定义AppBar（复杂场景适配）
  若上述方法不满足需求，可通过PreferredSizeWidget自定义完全可控的AppBar布局：

class CustomCenteredAppBar extends StatelessWidget implements PreferredSizeWidget {
  final String title;

  const CustomCenteredAppBar({super.key, required this.title});

  @override
  Widget build(BuildContext context) {
    return Container(
      height: kToolbarHeight,
      padding: const EdgeInsets.symmetric(horizontal: 16),
      child: Row(
        children: [
          IconButton(icon: const Icon(Icons.arrow_back), onPressed: () => Navigator.pop(context)),
          Expanded(
            child: Center(
              child: Text(
                title,
                overflow: TextOverflow.ellipsis,
              ),
            ),
          ),
          IconButton(icon: const Icon(Icons.more_vert), onPressed: () {}),
        ],
      ),
    );
  }

  @override
  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
}

// 使用示例
Scaffold(
  appBar: const CustomCenteredAppBar(title: "这是一个非常非常长的测试标题用来验证居中问题"),
  body: const Center(child: Text("内容区域")),
)

• 优化长标题显示
  长标题超出空间时会自动收缩，视觉上易产生“未居中”的错觉，可通过overflow: TextOverflow.ellipsis（省略号）、TextOverflow.fade（渐隐）或maxLines控制行数，优化显示效果。

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