どうも、今年はFlutterを頑張って何かしらのアプリを出そうと思っているたくチャレ(@takuchalle)です。

FlutterScaffoldって便利ですよね。でも、下のようなAppBarの影を消したいときってありますよね。

やり方

AppBarのプロパティにelevationがあります。これはAppBarを配置するz軸の指定を行うためのプロパティです。 デフォルトでは4.0になっていて、浮いているような形になり影が表示されます。

したがって、elevation0.0にすることで平面上に配置され影を消すことができます。

appBar: AppBar(
	title: Text(widget.title),
	elevation: 0.0,
),

結果このようになります。

まとめ

AppBarの位置付けによってここをどうすか変わってくると思いますが、影も消せるよということで紹介しました。

早くなにか出せるように勉強していきたいと思います。

参考サイト