
【Flutter】シンプルメモ帳作ろう3~アプリケーションバーを非表示にする
メモ帳アプリでは視界を出来るだけ広くし、不要な要素を非表示としたい。
アプリケーションバーを単に非表示としてしまうとバックボタンが消えてしまいます。
Android OSではバックボタンは消えて問題無いのですが、iOSでの使用を考慮してバックキーは残しておきたいです。
その場合はアプリケーションバーの色の透明度を調整することで、
見た目上は非表示とすることが出来ます。
■ソースコード(一部抜粋)
透明にしたいウィジェットの透明度を調整する★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,
),
公式のリファレンスは下記です。
■ソースコード(全体)
↓にシンプルメモ帳アプリの全ソースコードをアップしています。