[Flutter]AppBarのタイトル(title)を2行(two line)にするには？

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

AppBarのタイトルを、サブタイトルを付けて2行にするには、どうしたらいいのでしょうか？

方法

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: Column(children: [
          Text(
            "Title",
          ),
          Text('subtitle')
        ]),
      ),
      body: Center(),
    );
  }

タイトルを2行にするには、Columnウェジェットを使います。

Columnウェジェットに、２つのテキストを指定することで、タイトルが2行になります。

AppBarのtitleは、型が「Widget?」なので、ウェジェットであれば何でも指定できます。