FlexibleSpaceBar 副标题文本对齐答案

【问题标题】：FlexibleSpaceBar sub title text alignmentFlexibleSpaceBar 副标题文本对齐
【发布时间】：2022-02-05 10:13:20
【问题描述】：

我试图让我的 FlexibleSpaceBar 中的两个文本项左对齐。问题是，第一个文本项的长度正在为第二个文本项添加填充，将其推到右侧。因此，主标题中的字符串越长，子标题显示的越远。任何帮助，将不胜感激。谢谢

SliverAppBar(
          pinned: true,
          expandedHeight: 225.0,
          flexibleSpace: FlexibleSpaceBar(
            title: new Column(
              mainAxisAlignment: MainAxisAlignment.end,
              children: <Widget>[
                Text('Main Title'),
                Text('Sub Title',
                  style: new TextStyle(fontSize: 10)),
              ],
            ),
            background: Image.asset(
              'assets/home_top.png',
              fit: BoxFit.fill,
            ),
          ),
        ),

【问题讨论】：

标签： flutter text-alignment sliverappbar

【解决方案1】：

您可以在 Column 下添加 crossAxisAlignment: CrossAxisAlignment.start。示例：

FlexibleSpaceBar(
   title: Column(
    mainAxisAlignment: MainAxisAlignment.end,
    crossAxisAlignment: CrossAxisAlignment.start,
    children: const <Widget>[
        Text('Main Title'),
        Text('Sub Title', style: TextStyle(fontSize: 10)),
     ],
   ),
   background: Image.asset(
   'assets/home_top.png',
   fit: BoxFit.fill,
   ),
),

【讨论】：