Как убрать пробел выше и ниже текста на флаттере

Question

Я пытаюсь поместить текст «Hello» прямо под «123», но чем больше текст, тем больше разрыв.Как мне убрать пробел ???Флаттер изображения добавляются ниже.

Answer 1

Единственный способ, который я смог найти, - это уменьшить свойство height, но проблема в том, что он уменьшает разрыв только выше.Так что в вашем случае вы можете попытаться установить для hello текста минимальное значение:

Text(
   '123',
    style: TextStyle(fontSize: 60.0),
),
Text(
   'hello',
    style: TextStyle(fontSize: 10.0, height: 0.1),
),

Answer 2

Используйте Stack виджет для выравнивания текстовых виджетов

Stack(
      children: <Widget>[
        Text(
          '123',
          style: TextStyle(fontSize: 60.0),
        ),
        Positioned(
          child: Text('Hello'),
          bottom: 0.0,
          left: 35.0,
        )
      ],
    ),

Надеюсь, это поможет!