Appbar领先属性中的文本小部件 - 但它无法正确显示

Question

我想使用带有文本“返回”按钮的Appbar我使用下面的代码但是“返回”就像下面的两行一样，也是Appbar标题向下移动。

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,
          ),
        ),
      ),

    ),
  );

我在这里找不到任何东西？

Answer 1

使用 - 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,
              ),
            ),
          ),
        ),