【Flutter】AppBarのデザインをすべて消す。

AppBarの色を変える方法

通常の背景カラーはここからとれます。
透明にするのも一つの手Colors.transparent
これで、同化させます。

Theme.of(context).canvasColor

AppBarの影を消す方法

elevationが影です。
どれだけ浮き上がっているかということですね。
0にします。

elevation : 0,

ステータスバーの半透明を消す方法

ステータスバーを完全透明にします。

systemOverlayStyle:
     const SystemUiOverlayStyle(statusBarColor: Colors.transparent),

全てを消したAppBarソース

appBar: AppBar(
  backgroundColor: Theme.of(context).canvasColor,
  elevation: 0,
  systemOverlayStyle:
      const SystemUiOverlayStyle(statusBarColor: Colors.transparent),
),

2021年12月18日Flutter開発で知らないと損すること