CATEGORY

Widget

【Flutter】画面一杯に背景画像を表示する

要件 スマホアプリの背景に画像を使いたい 画面が縦でも横でも、背景一杯に画像を出したい。 Widgetはスマホのノッチ(切り込み)に被らないようにしたい。 実装 解説 背景とメインコンテンツのレイヤーを作成する Stackを使って、背景とメインコンテンツを重ねる child: Stack( children: [ Container( 画像を表示する BoxFit.coverで、画面が縦でも横でも […]

[Flutter]丸いWidgetを作る

Flutterを書いていて、丸いWidgetがよく必要になるので、書き方を記録しておきます。 押さないWidget CircleAvatarを使用する 色々な例 押すWidget ElevatedButtonにCircleBorderを適応させる

[Flutter] ListTileの設定。メニュー付

Flutterで一覧を作成するときには、ListTileを使用します。ListTileのサンプルはたくさん見つかります。ただ、メニューも含めてコピペできるソースがなかったので、作成しました。 コピペ用のソース 解説 画像がほぼ全てですが、、、 title: タイルのメインのコンテンツ。情報の名前など。 subtitle: タイルのサブのコンテンツ。情報の補足説明など。 leading: タイルの先 […]