[Flutter]AppBarのタイトル(title)を左(left)に寄せる２つの方法

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

AppBarのタイトルを左側に寄せる方法を２つ紹介します。

方法
1. centerTitle
2. Row
まとめ

方法

centerTitle

１つは、引数「centerTitle」を使う方法です。

「centerTitle」に、「false」を指定することで、タイトルを左に寄せることが出来ます。

centerTitle: false,

Row

もう１つは、Rowウェジェットを使う方法です。

Rowウェジェットの引数「mainAxisAlignment」に、「MainAxisAlignment.start」を指定することで、タイトルを左側に寄せることが出来ます。

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