如何将Flutter中SliverAppBar的FlexibleSpaceBar标题左对齐至返回箭头平齐处？

问题根源在于FlexibleSpaceBar的title默认带有内边距，导致文本无法和左侧返回箭头对齐，按以下步骤即可修复：

• 移除SliverAppBar的title属性（若无需收缩后显示独立标题）
• 给FlexibleSpaceBar设置titlePadding: EdgeInsets.zero消除默认内边距
• 给标题文本容器添加左侧padding，对齐返回箭头位置
• 将SliverAppBar的centerTitle设为false，避免标题居中

修改后的完整代码：

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: CustomScrollView(
          slivers: [
            SliverAppBar(
              expandedHeight: 200,
              centerTitle: false,
              leading: const Icon(Icons.arrow_back),
              flexibleSpace: FlexibleSpaceBar(
                titlePadding: EdgeInsets.zero,
                background: Image.network(
                  'https://cdn.pixabay.com/photo/2016/11/29/04/42/conifers-1867371_640.jpg',
                  fit: BoxFit.cover,
                ),
                title: Padding(
                  padding: const EdgeInsets.only(left: 16, bottom: 16),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    mainAxisSize: MainAxisSize.min,
                    children: const [
                      Text(
                        'Big Heading',
                        style: TextStyle(
                          fontSize: 20,
                          fontWeight: FontWeight.w500,
                        ),
                      ),
                      SizedBox(height: 5),
                      Text(
                        'Paragraph text',
                        style: TextStyle(
                          fontSize: 14,
                          fontWeight: FontWeight.w300,
                        ),
                      )
                    ],
                  ),
                ),
              ),
            ),
            const SliverToBoxAdapter(
              child: SizedBox(height: 1000),
            ),
          ],
        ),
      ),
    );
  }
}

额外说明：

• 左侧padding值16是Flutter AppBar默认的leading水平间距，确保和返回箭头完全对齐；若主题修改过AppBar默认间距，需对应调整该数值
• 若需要在SliverAppBar收缩时显示不同标题，可保留SliverAppBar的title属性，结合LayoutBuilder根据滚动状态切换显示逻辑

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