[Flutter]AppBarのタイトルが中央に寄らない時の解決法

どうも、ちょげ(@chogetarou)です。

AppBarのタイトルが中央に寄らない時は、どうしたらいいのでしょうか？

解決法

解決方法は２つあります。

centerTitle

１つは、AppBarの引数「centerTitle」に「true」を指定する方法です。

     appBar: AppBar(
        centerTitle: true,
      ),

Row

もう１つは、引数「title」に「Row」を指定する方法です。

Rowの引数「mainAxisAlignment」に「MainAxisAlignment.center」を設定します。

また、mainAxisSizeに「MainAxisSize.min」を指定します。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            mainAxisSize: MainAxisSize.min,
            children: [Text("Title SubTitle")]),
      ),
      body: Center(),
    );
  }

まとめ

AppBarのタイトルが中央に寄らない時の解決法は、「centerTitle」を使う方法と「Row」を使う方法の２つがあります。

「centerTitle」に「true」を指定するのが、簡単な方法です。