[Flutter]AppBarの下に色付きの枠線をつけるには?

Flutter

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

AppBarの下に色付きの枠線をつけるには、どうしたらいいのでしょうか?

スポンサーリンク

方法

    return Scaffold(
      appBar: AppBar(
        title: Text('Hello'),
        shape: Border(
          bottom: BorderSide(color: Colors.orange, width: 5)
        ),
      ),

AppBarの下に色付きの枠線を付けるには、引数「shape」を使います。

「shape」に指定する「Borderクラス」の「bottomプロパティ」で、枠線を設定することが出来ます。

Border(
     bottom: BorderSide(
         color: Colors.orange,  //枠線の色
         width: 5 //枠線の太さ
     )
 ),

コメント

タイトルとURLをコピーしました