左文字左对齐

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

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

enter image description here

card.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)
            ],
          )
        ],
      ),
    )
  ],
),
flutter flutter-layout
1个回答
0
投票

您是否尝试过给列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)),
              ),
            ],
          ),
        )
      ],
    )
© www.soinside.com 2019 - 2024. All rights reserved.