Текстовый виджет в ведущем свойстве Appbar - но он не отображается правильно - PullRequest
Новая
       38

Текстовый виджет в ведущем свойстве Appbar - но он не отображается правильно

0 голосов
/ 04 марта 2019

Я хочу использовать панель приложений с текстовой кнопкой «Назад», используя приведенный ниже код, но «Назад» идет в две строки, как показано ниже, также заголовок панели приложений перемещается вниз.

Ba

ck

Код флаттера для того же 

final topAppBar = AppBar(
//    elevation: 0.1,
    backgroundColor: Color.fromRGBO(0, 113, 188, 1.0),
    title: Text(
      "MyAppBar",
      style: TextStyle(
        color: Colors.white,
        fontFamily: 'Raleway-ExtraBold',
        fontWeight: FontWeight.w900,
        fontSize: 20.0,
      ),
    ),
    leading: Padding(
      padding: const EdgeInsets.only(left: 0),
      child: FlatButton(
        child: Text(
          "Back",
//          textDirection: TextDirection.ltr,
          style: TextStyle(
            color: Colors.white,
            fontFamily: "Raleway-Medium",
            fontSize: 14.0,
          ),
        ),
      ),

    ),
  );

Есть что-то, чего мне здесь не хватает ??

1 Ответ

0 голосов
/ 04 марта 2019

Используйте свойство - FittedBox - fit: для настройки ведущего виджета. 

leading: FittedBox(
         fit: BoxFit.cover,
          child: FlatButton(
            materialTapTargetSize: MaterialTapTargetSize.shrinkWrap, // add this to remove padding.
            onPressed: () {},
            child: Text(
              "Back",
//          textDirection: TextDirection.ltr,
              style: TextStyle(
                color: Colors.white,
                fontFamily: "Raleway-Medium",
                fontSize: 14.0,
              ),
            ),
          ),
        ),
...