対象者 FlutterでRow内で、上寄せと下寄せにしたい項目がある場合 はじめに LINEのメッセージが表示されている画面をFlutterでも再現しようとした。しかし、同じRowの中で上揃えと下揃えになっている項目があったため、どのようにするのか分からなかった。 ListViewの中にRowがあるため、Expanded(child:Container())を使ってTextを寄せようとすると、エラ […]
要件 スマホアプリの背景に画像を使いたい 画面が縦でも横でも、背景一杯に画像を出したい。 Widgetはスマホのノッチ（切り込み）に被らないようにしたい。 実装 解説 背景とメインコンテンツのレイヤーを作成する Stackを使って、背景とメインコンテンツを重ねる child: Stack( children: [ Container( 画像を表示する BoxFit.coverで、画面が縦でも横でも […]
Flutterを書いていて、丸いWidgetがよく必要になるので、書き方を記録しておきます。 押さないWidget CircleAvatarを使用する 色々な例 押すWidget ElevatedButtonにCircleBorderを適応させる
Flutterで一覧を作成するときには、ListTileを使用します。ListTileのサンプルはたくさん見つかります。ただ、メニューも含めてコピペできるソースがなかったので、作成しました。 コピペ用のソース 解説 画像がほぼ全てですが、、、 title: タイルのメインのコンテンツ。情報の名前など。 subtitle: タイルのサブのコンテンツ。情報の補足説明など。 leading: タイルの先 […]