Как вертикально выровнять текстовые блоки слева в флаттере - PullRequest
Новая
       16

Как вертикально выровнять текстовые блоки слева в флаттере

0 голосов
/ 22 апреля 2019

Я пытаюсь выровнять три Text() в левой части страницы.Эти тексты внутри Padding() блоков, а внутри Column().

Вот как это выглядит:

Screen shot

Ивот код: 

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

Ответы [ 2 ]

0 голосов
/ 22 апреля 2019

Попробуйте это

CrossAxisAlignment: CrossAxisAlignment.start

0 голосов
/ 22 апреля 2019

Для выравнивания текста

Ссылаясь на: Текстовый класс

Text widget имеет свойство textAlign.

просто добавьте 

textAlign = TextAlign.left

на ваш Text виджет

См. здесь , чтобы узнать больше textAlign параметров

Для выравнивания столбца

Ссылаясь на: Класс столбца

Столбец имеет свойство crossAxisAlignment, которое по умолчанию равно center

добавить 

crossAxisAlignment = CrossAxisAlignment.start

на ваш Column виджет

См. здесь , чтобы узнать больше crossAxisAlignment параметров

...