[Flutter]AppBarを複数行(multiline)にするには？

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

AppBarを複数行(multiline)にする方法を紹介します。

方法

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Column(
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  Icon(Icons.calendar_today),
                  Text('Title'),
                  Icon(Icons.settings)
                ],
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  Icon(Icons.android),
                  Text('Subtitle'),
                  Icon(Icons.ios_share)
                ],
              )
            ],
          ),
        ),
        body: Center());
  }

AppBarを複数行にするには、引数「title」に「Column」を使います。