2

Как во Flutter выровнять текст в строке по высоте? На нижеприведенной картинке видно, что второй текст выше чем первый.

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

Если установить параметры: crossAxisAlignment: CrossAxisAlignment.baseline То выровняться по низу. А вот как выровнять по верху? введите сюда описание изображения

1
  • Код к вопросу нужно прикреплять кодом, а не картинками.
    – VAndrJ
    13 сен 2020 в 15:45

1 ответ 1

1

Проблема по-простому в том, что есть высота самого текста, а есть высота линии:

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

Для подобных случаев с текстом есть специальный виджет Baseline:

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    Text(
      '00',
      style: TextStyle(
        fontSize: 70,
        fontWeight: FontWeight.bold,
      ),
    ),
    Baseline(
      baseline: 0,
      baselineType: TextBaseline.ideographic,
      child: Text(
        '00',
        style: TextStyle(
          fontSize: 30,
          fontWeight: FontWeight.bold,
        ),
      ),
    ),
  ],
)

Результат:

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

P.S. Всегда старайтесь избегать хардкод решения симптомов проблемы.

Ваш ответ

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

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