如何在flutter中垂直对齐左侧的文本块

Question

我正在尝试在页面左侧对齐三个Text()。这些文本在Padding()块内，而在Column()块内。

这是它的外观：

这是代码：

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),
          ),
        )
      ],
    )
  ],
)

Answer 1

要对齐文本

引用：Text class

Text widget具有textAlign属性。

只需添加

textAlign = TextAlign.left

到您的Text小部件

请参考here了解更多textAlign选项

---

要对齐列

引用：Column class

该列具有crossAxisAlignment属性，默认为 center

添加

crossAxisAlignment = CrossAxisAlignment.start

到您的Column小部件

请参考here了解更多crossAxisAlignment选项

Answer 2

尝试一下

crossAxisAlignment：CrossAxisAlignment.start