0

Есть какой-то способ выровнять средний элемент (время), чтобы в каждом тайле он был на одном уровне?

введите сюда описание изображения

Код:

                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: <Widget>[
                    Align(
                      alignment: Alignment.bottomLeft,
                      child: Text(
                        element['deadline'],
                        style: TextStyle(
                          color: element['overdue'] ? Colors.redAccent : null,
                          fontWeight: FontWeight.bold
                        ),
                      ),
                    ),

                    Align(
                      alignment: Alignment.bottomCenter,
                      child: Text(element['estimate'], style: TextStyle(color: Colors.blueAccent),),
                    ),
                    Align(
                      alignment: Alignment.bottomRight,
                      child: Text(element['stage_id']),
                    ),

                ],),

Апдейт:

child: Container(
                    padding: EdgeInsets.all(10),
                    child: Row(
                      children: <Widget>[
                        Expanded(
                          flex: 3,
                          child: Text(
                            element['deadline'],
                            style: TextStyle(
                                color: element['overdue']
                                    ? Colors.redAccent
                                    : null,
                                fontWeight: FontWeight.bold),
                            textAlign: TextAlign.left
                          ),
                        ),
                        Expanded(
                          flex: 2,
                          child: Text(
                            element['estimate'],
                            style: TextStyle(color: Colors.blueAccent),
                            textAlign: TextAlign.right
                          ),
                        ),
                        Expanded(
                          flex: 4,
                          child: Text(element['stage_id'], textAlign: TextAlign.right,),
                        ),
                      ],
                    ),
                  ),

1 ответ 1

0

Вам осталось только правильно Container разместить и padding отредактировать. Ещё у Expanded есть flex, с помощью которого можно изменять пространства между элементами.

Container(
  padding: EdgeInsets.all(10),
  child: Row(
    children: <Widget>[
      Expanded(
        child: Text(
          element['deadline'],
          style: TextStyle(
              color: element['overdue'] ? Colors.redAccent : null,
              fontWeight: FontWeight.bold),
        ),
      ),
      Expanded(
        child: Text(
          element['estimate'],
          style: TextStyle(color: Colors.blueAccent),
        ),
      ),
      Expanded(
        child: Text(element['stage_id']),
      ),
    ],
  ),
),
1
  • Спасибо! Помогло. Добавил flex и textAlign.
    – Mykyta FL
    5 мая 2020 в 7:43

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.