見出し画像

【Flutter】シンプルメモ帳作ろう3~アプリケーションバーを非表示にする

メモ帳アプリでは視界を出来るだけ広くし、不要な要素を非表示としたい。
アプリケーションバーを単に非表示としてしまうとバックボタンが消えてしまいます。
Android OSではバックボタンは消えて問題無いのですが、iOSでの使用を考慮してバックキーは残しておきたいです。
その場合はアプリケーションバーの色の透明度を調整することで、
見た目上は非表示とすることが出来ます。

画像1
■ソースコード(一部抜粋)
透明にしたいウィジェットの透明度を調整する★1

// source:writememo.dart

child: Scaffold(
 appBar: AppBar(
   toolbarHeight: kToolbarHeight * 0.5,
   iconTheme: IconThemeData(
     color: Colors.black26, //change your color here
   ),
   // ★1 背景に透明度0の白色を設定する
   backgroundColor: Colors.white.withOpacity(0.0),
   elevation: 0.0,
 ),

公式のリファレンスは下記です。

■ソースコード(全体)
↓にシンプルメモ帳アプリの全ソースコードをアップしています。


この記事が気に入ったらサポートをしてみませんか?