Блог

Главная - Вопросы по программированию - Флаттер Центрирует текст на панели приложений

Флаттер Центрирует текст на панели приложений

#flutter #dart #coding-style #centering #appbar

Вопрос:

я просто хочу центрировать весь этот текст (конечно, он все еще должен быть в панели приложений). Thx

я хочу центрировать весь текст

         appBar: AppBar(
            toolbarHeight: 80.0,
            backgroundColor: Colors.amber,
            title: Row(children: [
              Text("Text",
                  style: GoogleFonts.josefinSans(
                      textStyle: const TextStyle(fontSize: 40.0))),
              Text(
                "The Game",
                style: GoogleFonts.overpass(
                    textStyle: const TextStyle(fontSize: 20.0)),
              )
            ])),

Ответ №1:

Включить mainAxisAlignment MainAxisAlignment.center в Row виджет

Пример Кода:

 AppBar(
            toolbarHeight: 80.0,
            backgroundColor: Colors.amber,
            title: Row(mainAxisAlignment: MainAxisAlignment.center, children: [
              Text("Text",
                  style: GoogleFonts.josefinSans(
                      textStyle: const TextStyle(fontSize: 40.0))),
              Text(
                "The Game",
                style: GoogleFonts.overpass(
                    textStyle: const TextStyle(fontSize: 20.0)),
              )
            ]))

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

1. ты — бог

Ответ №2:

Используйте подзаголовок : верно

 appBar: AppBar(
            centerTitle: true,
            toolbarHeight: 80.0,
            backgroundColor: Colors.amber,
            title: Row(children: [
              Text("Text",
                  style: GoogleFonts.josefinSans(
                      textStyle: const TextStyle(fontSize: 40.0))),
              Text(
                "The Game",
                style: GoogleFonts.overpass(
                    textStyle: const TextStyle(fontSize: 20.0)),
              )
            ])),

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

1. Да, я пробовал это, это работает только в том случае, если я вставляю «Столбец» вместо «Строка». Я не знаю, почему

2. Это решение работает, когда мы используем Text виджет в обмен на title ценность.

3. @Malak поздний ответ, вам тоже нужно установить центральный дочерний элемент строки. mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.center

Метки: