Flutter 文本左对齐

Bur*_*rak 7 flutter flutter-layout

我正在尝试将所有文​​本左对齐。但是,它始终位于中间,如下图所示。我试过使用Align小部件并将小部件上的textAlign属性设置TextTextAlign.left但没有运气。

在此处输入图片说明

卡.dart

Row(
  children: <Widget>[
    Card(
      elevation: 2,
      child: ClipRRect(
        borderRadius: BorderRadius.all(Radius.circular(4)),
        child: Image.network('https://loremflickr.com/100/100'),
      ),
    ),
    Padding(
      padding: const EdgeInsets.only(left: 8),
      child: Column(
        children: <Widget>[
          Align(
            alignment: Alignment.centerLeft,
            child: Text(
              'Marry Jane',
              textAlign: TextAlign.left,
              style: TextStyle(fontSize: 16),
            ),
          ),
          Align(
            alignment: Alignment.centerLeft,
            child: Text(
              'Make-up Artist',
              textAlign: TextAlign.left,
              style: TextStyle(fontSize: 14, color: Color(0xff666666)),
            ),
          ),
          Row(
            children: <Widget>[
              Text(
                '3.5',
                textAlign: TextAlign.left,
                style: TextStyle(fontSize: 18, color: Color(0xff666666)),
              ),
              Icon(FontAwesomeIcons.starHalf)
            ],
          )
        ],
      ),
    )
  ],
),
Run Code Online (Sandbox Code Playgroud)

Fed*_*han 25

你试过给 Column CrossAxisAlignment.start 吗?

    Row(
      children: <Widget>[
        Card(
          elevation: 2,
          child: ClipRRect(
            borderRadius: BorderRadius.all(Radius.circular(4)),
            child: Image.network('https://loremflickr.com/100/100'),
          ),
        ),
        Padding(
          padding: const EdgeInsets.only(left: 8),
          child: Column(
            /// Add this
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              Text(
                'Marry Jane',
                style: TextStyle(fontSize: 16),
              ),
              Text(
                'Make-up Artist',
                style: TextStyle(fontSize: 14, color: Color(0xff666666)),
              ),
              Text(
                '3.5',
                style: TextStyle(fontSize: 18, color: Color(0xff666666)),
              ),
            ],
          ),
        )
      ],
    )
Run Code Online (Sandbox Code Playgroud)