flutter - 如何在 Appbar 中使图像居中

Question

我想在 appbar 中居中显示图像(就像 Twitter 在其移动应用程序中所做的那样)，但我找不到任何这样做的逻辑。我试图用 Center() 包装 Container 但它没有用。

@override
Widget build(BuildContext context) {
return Scaffold(
  resizeToAvoidBottomInset: false,
  appBar: AppBar(
    title: Text('Cranes'),
    actions: <Widget>[
      Container(
         //  margin: const EdgeInsets.only(right: 75),
          child: Image.asset(
            'assets/hmf_logo_medium.png',
          ),
        ),

      FlatButton(
        onPressed: () async {
          await Provider.of<FlutterSecureStorage>(context, listen: false)
              .deleteAll();
          Navigator.of(context).pushAndRemoveUntil(
              MaterialPageRoute(builder: (context) => LoginPage()),
              (route) => false);
        },
        child: Text(S.of(context).craneListPageLogoutText,
            style: TextStyle(color: Colors.white)),
      )
    ],
  ),
); }

Answer 1

试试这个

AppBar(
  leading: Center(
    child: Text('Cranes'),
  ),
  title: Image.asset('assets/hmf_logo_medium.png'),
  centerTitle: true,
)