Flutter在开始处将两个文本垂直垂直对齐

问题描述 投票:0回答:2

我在这里有些困惑,但是我试图在Flutter中垂直对齐两个文本小部件,但是无论我做什么,文本都将以较少的文本居中。我正在尝试获取“地址”标题和实际地址,使其两者均垂直于该行的顶部,但由于实际地址较长,因此它始终将地址标题居中(在下面的图像地址中,将其居中列表)。

enter image description here

这是我正在使用的代码:

Column(children: <Widget>[
                  Row(children: <Widget>[
                    Text('Status: ', style: TextStyle(fontWeight: FontWeight.bold),),
                    Text(job['status'])

                  ],),
                  Row(children: <Widget>[
                    Text('Engineer: ', style: TextStyle(fontWeight: FontWeight.bold),),
                    Flexible(child: Text(job['eng']))

                  ],),
                  Row(mainAxisAlignment: MainAxisAlignment.start, children: <Widget>[
                    Text('Address: ', style: TextStyle(fontWeight: FontWeight.bold),),
                    Flexible(child: Text(job['address']))

                  ],)
                ],)

我尝试过mainaxisalignment。从行开始,但是行不通...任何想法吗?

flutter dart
2个回答
0
投票

crossAxisAlignment: CrossAxisAlignment.start上尝试Row


0
投票

我不确定我是否确切地知道您想做什么,但也许您想使用Column代替Row作为带有crossAxisAlignment的地址

      Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Text(
            'Address: ',
            style: TextStyle(fontWeight: FontWeight.bold),
          ),
          Text(job['address'])
        ],
      )
© www.soinside.com 2019 - 2024. All rights reserved.