FlutterでAppBarの影を消す

FlutterでAppBarの影を消す

最近のよくあるUIとしてAppBarの影を消して、AppBarの下のViewになじませる方法があります。

例をあげるとKyashの送金画面とかはまさしくこれです。

今回はその方法について書きます。

AppBarにelevationを設定する

実装方法についてはかなり簡単です。

AppBar の elevation 属性を0.0に設定すれば実装できます。

      appBar: AppBar(
        title: Text("プロフィール"),
        elevation: 0.0,
      ),

これを設定すればこんなAppbarが

↓

こうなります。