[Flutter]AppBarのボトム(bottom)に色(color)を追加するには？

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

AppBarのボトム（下部分）だけ色を変えるには、どうしたらいいのでしょうか？

方法

appBar: AppBar(
        bottom: PreferredSize(
            child: Container(
              color: Colors.red, //色
              height: 5, //高さ
            ),
            preferredSize: Size.fromHeight(5) //高さ
            ),
        title: Text('Hello'),
      ),

下部分の色を変えるには、AppBarの引数「bottom」を使います。

「bottom」には、PreferredSizeウェジェットを指定し、引数「preferredSize」で高さを設定します。

そして、PreferredSizeの子ウェジェットとして、色を設定したContainerを使うことで、ボトムだけ色を変えることが出来ます。