Tag
flutter
Flutter の実装や周辺設定で、手を動かして確認した内容を扱っています。
Latest
最近の記事から読む
新しく追加した記事から、このタグの話題をたどれます。
FlutterのTabBarとBottomNavigationBarで複数画面を切り替える Flutter の BottomNavigationBar と TabBar を最小例で整理し、Navigator と役割で切り分けながら複数画面を設計できるようにする。Related
関連タグ
同じ記事に出てきやすいテーマをまとめています。
Posts
flutter の記事一覧
このタグが付いた記事を、新しい順に並べています。
-
FlutterのTabBarとBottomNavigationBarで複数画面を切り替える
Flutter の BottomNavigationBar と TabBar を最小例で整理し、Navigator と役割で切り分けながら複数画面を設計できるようにする。
-
Flutterのダイアログ・スナックバー・ボトムシートを使う（確認・通知UIの基本）
Flutter の Dialog・SnackBar・BottomSheet を最小例で整理し、確認 UI と通知 UI を場面に応じて選べるようにする。
-
FlutterのListViewとGridViewで一覧画面を作る（基本パターン）
Flutter の ListView・ListView.builder・GridView.count を最小例で整理し、一覧画面を縦リストかグリッドで組み始める判断基準を持てるようにする。
-
FlutterのContainerとSizedBoxを使いこなす（余白・サイズ・装飾の基本）
Flutter の SizedBox・Padding・Container を最小例で整理し、余白・サイズ・装飾をどこへ書くか判断できるようにする。
-
FlutterでMediaQueryとLayoutBuilderを使って画面サイズに対応する（スマホ・タブレット両対応）
Flutter の MediaQuery と LayoutBuilder を最小例で整理し、スマホでは 1 カラム、幅が広い端末では 2 カラムや 2 ペインへ切り替える判断基準を持てるようにする。
-
Flutterのテーマ設計入門（ThemeData + Theme Extension）
Flutter の ThemeData と ThemeExtension を最小例で整理し、標準テーマと業務固有トークンの置き場を判断できるようにする。
-
Flutterのレイアウト入門（Column / Row / Stack の使い分け）
Flutter の Column / Row / Stack を最小例で整理し、RenderFlex overflow の原因と Expanded / Flexible の使い分けまで判断できるようにする。
-
FlutterでBuildContextとKeyを理解する
Flutter の BuildContext と Key を最小例で整理し、Widget ツリー上の位置と並び替え時の state 対応付けを判断できるようにする。
-
FlutterのWidgetライフサイクル入門（initState / dispose で詰まらないために）
Flutter の StatefulWidget で initState / build / dispose の役割を最小例で整理し、初回読込の置き場と Controller の後始末で迷わないようにする。
-
DartのStream入門（非同期データの流れをつかむ）
Dart の Stream を Flutter の文脈で整理し、StreamController・listen・await for・StreamBuilder の最小例を通して非同期データの流れを読めるようにする。
-
Flutterで最初に詰まりやすいDartの書き方：final・const・null safety・async/await を最初に整理する
Flutter のサンプルコードで止まりやすい final / const・null safety・named parameters・async/await・build 内の collection if / for の読み方を、最初の1本向けに整理する。
-
Flutterで画像・SVG・アイコンを管理する（flutter_gen最小構成）
Flutterで flutter_gen を最小導入し、PNG 画像、SVG イラスト、SVG アイコンを型安全に参照する流れを 1 本で確認できるようにする。
-
Flutter + FVM で開発環境のバージョンを固定する
Windows 11 の Flutter 環境に FVM を追加し、プロジェクトごとに Flutter SDK を固定して `fvm flutter run` まで確認できるようにする。
-
Windows 11で始めるFlutter開発環境：Android Emulatorで動かすまで
Windows 11でFlutter SDKとAndroid StudioとVS Codeをそろえ、Android Emulatorで最初のFlutterアプリを動かす。