Как выровнять 2 текстовых виджета в одной строке с началом и концом строки во флаттере?

Question

У меня есть строка во флаттере, которая содержит 2 текстовых виджета, я хочу добавить один текстовый виджет в начало строки, а другой в конец:

это мой код:

  Row(
                            children: <Widget>[
                              Text(
                                "eshiett1995",
                                textAlign: TextAlign.left,
                                style: TextStyle(fontWeight: FontWeight.bold),
                              ),
                              Padding(padding: EdgeInsets.only(right: 10.0),),
                              Text(
                                "4:33am",
                                textDirection: TextDirection.ltr,
                                textAlign: TextAlign.left,
                                style: TextStyle(fontWeight: FontWeight.bold),
                              )

                            ],
                          ),

и сейчас мой код выглядит так:

Я хочу, чтобы eshiett1995 оставался в начале, а время 4:33 - до конца

Answer 1

Вы также можете использовать Expanded с правым выравниванием в секунду Text

Row(
                        children: <Widget>[
                          Text(
                            "eshiett1995",
                            textAlign: TextAlign.left,
                            style: TextStyle(fontWeight: FontWeight.bold),
                          ),
                          Expanded(
                              child: Text(
                            "4:33am",
                            textDirection: TextDirection.ltr,
                            textAlign: TextAlign.right,
                            style: TextStyle(fontWeight: FontWeight.bold),
                          ))
                        ],
                      )

Answer 2

Вы можете использовать AxisAlignment или SizedBox , чтобы разделить оба текста на самые левые и самые правые позиции.

Answer 3

Вам просто нужно добавить свойство Row mainAxisAlignment: MainAxisAlignment.spaceBetween,.

Вы можете удалить Padding.

Row(
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  //mainAxisSize: MainAxisSize.max,
  children: <Widget>[
    Text(
      "eshiett1995",
      textAlign: TextAlign.left,
      style: TextStyle(fontWeight: FontWeight.bold),
    ),
    Text(
      "4:33am",
      textDirection: TextDirection.ltr,
      textAlign: TextAlign.left,
      style: TextStyle(fontWeight: FontWeight.bold),
    )
  ],
),

Answer 4

Вы пробовали класс Spacer? https://docs.flutter.io/flutter/widgets/Spacer-class.html

Добавить виджет Spacer между двумя текстами.