0

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

在此处输入图像描述

4

1 回答 1

2

您可以在 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,
   ),
),
于 2022-02-05T02:13:20.030 回答