Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/opencv/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 如何在Flatter中垂直对齐左侧的文本块_Flutter_Flutter Layout_Angular Dart - Fatal编程技术网

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.start

crossAxisAlignment
crossAxisAlignment = CrossAxisAlignment.start