FlexibleSpaceBar 副标题文本对齐

Question

我试图让我的 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,
            ),
          ),
        ),

Answer 1

您可以在列下添加 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,
   ),
),

FlexibleSpaceBar 副标题文本对齐

FlexibleSpaceBar sub title text alignment

flutter

text-alignment

sliverappbar