Flutter 如何在Flatter中垂直对齐左侧的文本块
我正在尝试对齐页面左侧的三个Flutter 如何在Flatter中垂直对齐左侧的文本块,flutter,flutter-layout,angular-dart,Flutter,Flutter Layout,Angular Dart,我正在尝试对齐页面左侧的三个Text()。这些文本在Padding()块中,这些文本在列()中 下面是它的外观: 代码如下: Column( mainAxisAlignment: MainAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: <Widget>[ Padding( padding: EdgeInsets.only(top: 78), child: Tex
Text()
。这些文本在Padding()
块中,这些文本在列()中
下面是它的外观:
代码如下:
Column(
mainAxisAlignment: MainAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Padding(
padding: EdgeInsets.only(top: 78),
child: Text(
'Matches',
style: TextStyle(
color: Colors.white,
fontSize: 44,
fontWeight: FontWeight.bold,
),
),
),
Padding(
padding: EdgeInsets.only(top: 20),
child: Text(
'Today\'s Live Matches',
style: TextStyle(
color: Colors.white, fontSize: 20, fontWeight: FontWeight.bold),
),
),
Column(
mainAxisAlignment: MainAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Padding(
padding: EdgeInsets.only(top: 20),
child: Text(
'LIVE MATCH',
style: TextStyle(
color: Colors.white,
fontSize: 12,
fontWeight: FontWeight.bold),
),
)
],
)
],
)
列(
mainAxisAlignment:mainAxisAlignment.start,
mainAxisSize:mainAxisSize.min,
儿童:[
填充物(
填充:仅限边缘设置(顶部:78),
子:文本(
“匹配”,
样式:TextStyle(
颜色:颜色,白色,
尺码:44,
fontWeight:fontWeight.bold,
),
),
),
填充物(
填充:仅限边缘设置(顶部:20),
子:文本(
“今天的现场比赛”,
样式:TextStyle(
颜色:Colors.white,fontSize:20,fontWeight:fontWeight.bold),
),
),
纵队(
mainAxisAlignment:mainAxisAlignment.start,
mainAxisSize:mainAxisSize.min,
儿童:[
填充物(
填充:仅限边缘设置(顶部:20),
子:文本(
“现场比赛”,
样式:TextStyle(
颜色:颜色,白色,
尺寸:12,
fontWeight:fontWeight.bold),
),
)
],
)
],
)
对齐文本
提及:
Text小部件
有一个textAlign
属性
加上
textAlign = TextAlign.left
到您的文本
小部件
有关更多textAlign
选项,请参阅
对齐列
提及:
该列有一个crossAxisAlignment
属性,默认为center
加
到您的列
小部件
有关更多的横轴对齐
选项请尝试此操作
crossAxisAlignment:crossAxisAlignment.startcrossAxisAlignment
crossAxisAlignment = CrossAxisAlignment.start