Flutter升级后SliverAppBar下FlexibleSpaceBar标题无法居中问题

问题原因 #

Flutter版本升级后，FlexibleSpaceBar的默认标题对齐逻辑发生调整，尤其是当SliverAppBar设置pinned: true时，标题默认不再强制居中，需要显式指定对齐方式。

修复方案 #

在FlexibleSpaceBar中添加titleAlignment: TitleAlignment.center属性，强制标题居中显示：

SliverAppBar(
  centerTitle: true,
  shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.only(
          bottomLeft: Radius.circular(30),
          bottomRight: Radius.circular(30))),
  backgroundColor: Colors.red,
  pinned: true,
  snap: true,
  floating: true,
  expandedHeight: 160.0,
  flexibleSpace: const FlexibleSpaceBar(
    centerTitle: true,
    titleAlignment: TitleAlignment.center, // 新增该行强制居中
    title: const Text('Matematik'),
    background: Icon(Icons.calculate, color: Colors.white, size: 50), 
  ),
),

补充说明 #

如果上述方案无效，可尝试通过titlePadding微调位置（比如设置titlePadding: EdgeInsets.zero），但优先使用titleAlignment是Flutter新版本推荐的规范做法。

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