Блог

Главная - Вопросы по программированию - Как смещать текст от центра в Flutter

Как смещать текст от центра в Flutter

#flutter #flutter-layout

#flutter #flutter-макет

Вопрос:

Я только начинаю изучать flutter, и в большинстве руководств показано, как центрировать текст на экране… но что, если вы хотите, чтобы он был смещен от центра? Например, немного вверх для центра. Как бы я это сделал? (Заранее благодарю вас!)

Редактировать: Это то, что у меня есть на данный момент, и мне было интересно, есть ли альтернативный способ добиться того же???

   body: Center(
        child: Container(
          width: 200.0,
          height: 100.0,
          child: Text(
            'Text Here',
            textAlign: TextAlign.center,
            style: TextStyle(
              fontSize: 36.0,
            ),
          ),
        ),
      ),

Комментарии:

1. Align виджет — это то, что вам нужно.

2. Может быть, добавить немного отступов к некоторым сторонам, но не к другим, по мере необходимости?

3. Я обновил свой вопрос 🙂

4. Вам не нужно использовать центральный виджет. Просто для справки, проверьте это github.com/arkace-dev/layer_style_app_static . Это одно из моих базовых репозиториев, и я использовал Text в совершенно другой настройке.

Ответ №1:

Вы могли бы еще раз использовать Align виджет, как прокомментировал @Doc, но если вы хотите что-то более конкретное, вы можете вставить в свой Text виджет Padding виджет с EdgeInsets.fromLTRB помощью, скажем, X px, скажем, справа, чтобы немного сдвинуть текст влево. Это дает немного больше разнообразия, чем Align виджет, хотя это тоже действительно полезно

  • Небольшой совет профессионала; Вместо того, чтобы использовать X px для выравнивания, используйте MediaQuery.of (context).size.height /X, чтобы приложение отлично смотрелось и на других устройствах такого размера.