最終更新:2025-01-22 (水) 05:19:01 (16d)
Flutter/ウィジェット
ドキュメント
Widget catalog
Fltuter/デザインシステム?
- Flutter ships with two design systems as part of the SDK.
- Flutter/ウィジェット/Cupertino?
- Flutter/ウィジェット/マテリアルデザイン
ベース
Flutter/ウィジェット/アクセシビリティ?
Flutter/ウィジェット/アニメーション?
Flutter/ウィジェット/アセット?
Flutter/ウィジェット/非同期?
Flutter/ウィジェット/基本?
Flutter/ウィジェット/入力?
Flutter/ウィジェット/インタラクション?
Flutter/ウィジェット/レイアウト
Flutter/ウィジェット/エフェクト?
Flutter/ウィジェット/スクロール?
Flutter/ウィジェット/スタイル?
Flutter/ウィジェット/テキスト?
種類別
Flutter/ウィジェット/レイアウト
Flutter/Container? 子ウィジェットを囲むボックス (パディング、マージン、色、境界線などを設定できる) Flutter/Row 横に並べる Flutter/Column 縦に並べる Flutter/Stack 重ねて表示 Flutter/Expanded フレックスレイアウトの際にスペースを拡張 Flutter/Flexible フレックスレイアウト Flutter/GridView? グリッドレイアウト Flutter/ListView? 縦にリスト表示
Flutter/ウィジェット/入力?
Flutter/ウィジェット/ナビゲーション
Flutter/Navigator? 画面間を遷移するためのナビゲーションスタックを提供 Flutter/Drawer スワイプまたはボタンで開くサイドメニューを提供 Flutter/BottomNavigationBar? 画面の下部に配置するナビゲーションバーを提供 Flutter/TabBar? タブ型のナビゲーションバーを提供 Flutter/TabBarView? タブに対応したコンテンツを表示 Flutter/AppBar 画面上部のツールバーを提供
Flutter/ウィジェット/表示?
Flutter/ウィジェット/リスト?
Flutter/ウィジェット/状態管理
Flutter/StatefulWidget 状態を持つウィジェットを作成するための基本構造 Flutter/StatelessWidget 状態を持たないウィジェットを作成するための基本構造 Flutter/InheritedWidget? 子ウィジェットにデータを伝搬するための基本構造 Flutter/Provider? 状態管理を簡略化 Flutter/Consumer? Providerパッケージを利用して状態を購読
Flutter/ウィジェット/アニメーション?
Flutter/ウィジェット/テーマ?
Flutter/ウィジェット/マテリアルデザイン
Flutter/Scaffold マテリアルデザインの基本的な画面構造を提供 Flutter/Card マテリアルデザインのカード Flutter/ElevatedButton マテリアルデザインの立体的なボタン Flutter/FloatingActionButton 画面の上に配置されるアクションボタン Flutter/SnackBar 画面下部に一時的な通知メッセージを表示するウィジェット Flutter/Dialog? ユーザーへの重要なメッセージや選択を表示するポップアップウィジェット
Flutter/ウィジェット/カスタム描画?
Flutter/ウィジェット/デバイス連携?
Flutter/Widget
Flutter/StatelessWidget
- ユーザーの動作によって画面が変わったりしない静的な画面
- build
Flutter/StatefulWidget
- 動的にUIを変化させるときに便利なWidget
- createState
Flutter/State
メソッド
- Flutter/ウィジェット/build?
主なやつ
Flutter/Scaffold
Flutter/AppBar appBar Flutter/Widget body
Flutter/AppBar
Flutter/Container?
Widgets | child? |
Flutter/Column
- 縦に並べる
Widgets[] children
Flutter/Row
- 横に並べる
Widgets[] children