最終更新:2025-01-22 (水) 05:19:01 (16d)  

Flutter/ウィジェット
Top / Flutter / ウィジェット

ドキュメント

Widget catalog

Fltuter/デザインシステム?

ベース

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/TextField?文字を入力
    Flutter/Checkbox?チェックボックス
    Flutter/Radio?ラジオお単
    Flutter/Switch?オンオフの切り替えスイッチ
    Flutter/Slider?スライダー
    Flutter/DropdownButton?ドロップダウンメニュー
    Flutter/Form?入力フィールドをグループ化し、バリデーションをサポート
    Flutter/GestureDetector?タップ、ダブルタップ、スワイプなどのジェスチャーを検出

Flutter/ウィジェット/ナビゲーション

  • Flutter/Navigator?画面間を遷移するためのナビゲーションスタックを提供
    Flutter/Drawerスワイプまたはボタンで開くサイドメニューを提供
    Flutter/BottomNavigationBar?画面の下部に配置するナビゲーションバーを提供
    Flutter/TabBar?タブ型のナビゲーションバーを提供
    Flutter/TabBarView?タブに対応したコンテンツを表示
    Flutter/AppBar画面上部のツールバーを提供

Flutter/ウィジェット/表示?

  • Flutter/Text?テキストを表示
    Flutter/Image?画像を表示するウィジェット(ネットワーク、アセット、ファイルからの読み込み対応)
    Flutter/Icon?アイコンを表示
    Flutter/RichText?複数のスタイルを適用したテキストを表示
    Flutter/Placeholder?デザイン中に使用するプレースホルダー
    Flutter/CircleAvatar?円形のアバター画像やイニシャルを表示
    Flutter/Chip?ラベル、アイコン、アクションを小さな要素として表示
    Flutter/Tooltip?ユーザーがホバリングやタップしたときに補足情報を表示

Flutter/ウィジェット/リスト?

  • Flutter/ListView?スクロール可能な垂直リストを表
    Flutter/GridView?グリッドレイアウトのスクロール可能なリストを表示
    Flutter/CustomScrollView?カスタマイズ可能なスクロールビューを提供
    Flutter/SingleChildScrollView?子ウィジェットがスクロール可能になるようにする
    Flutter/PageViewページ単位でスクロール可能
    Flutter/ReorderableListView?順番を変更可能なリスト

Flutter/ウィジェット/状態管理

  • Flutter/StatefulWidget状態を持つウィジェットを作成するための基本構造
    Flutter/StatelessWidget状態を持たないウィジェットを作成するための基本構造
    Flutter/InheritedWidget?子ウィジェットにデータを伝搬するための基本構造
    Flutter/Provider?状態管理を簡略化
    Flutter/Consumer?Providerパッケージを利用して状態を購読

Flutter/ウィジェット/アニメーション?

  • Flutter/AnimatedContainer?アニメーション付きでプロパティを変更
    Flutter/AnimatedOpacity?アニメーションで不透明度を変更
    Flutter/Hero?画面遷移時にアニメーションで要素を共有
    Flutter/AnimationController?アニメーションのコントロールを行うクラス
    Flutter/Tween?アニメーションの開始値と終了値を定義するクラス
    Flutter/AnimatedBuilder?アニメーションとビルダー関数を結びつける

Flutter/ウィジェット/テーマ?

  • Flutter/Theme?アプリ全体のテーマを適用
    Flutter/ThemeData?テーマ設定(色、フォントなど)をまとめたデータクラス
    Flutter/MaterialApp?アプリ全体のマテリアルデザインを設定するルートウィジェット
    Flutter/DefaultTextStyle?子ウィジェットに共通のテキストスタイルを適用

Flutter/ウィジェット/マテリアルデザイン

  • Flutter/Scaffoldマテリアルデザインの基本的な画面構造を提供
    Flutter/Cardマテリアルデザインのカード
    Flutter/ElevatedButtonマテリアルデザインの立体的なボタン
    Flutter/FloatingActionButton画面の上に配置されるアクションボタン
    Flutter/SnackBar画面下部に一時的な通知メッセージを表示するウィジェット
    Flutter/Dialog?ユーザーへの重要なメッセージや選択を表示するポップアップウィジェット

Flutter/ウィジェット/カスタム描画?

  • Flutter/CustomPaint?カスタム描画を行うためのウィジェット
    Flutter/Canvas?低レベルな描画操作を行うためのクラス
    Flutter/Painter?描画ロジックを定義するためのクラス

Flutter/ウィジェット/デバイス連携?

  • Flutter/FutureBuilder?非同期処理の結果を利用してウィジェットを構築
    Flutter/StreamBuilder?ストリームデータの変更に応じてウィジェットを再構築
    Flutter/MediaQuery?画面サイズや向きなどのデバイス情報を取得
    Flutter/OrientationBuilder?デバイスの向き(縦向き、横向き)に応じてウィジェットを変更

Flutter/Widget

Flutter/StatelessWidget

  • ユーザーの動作によって画面が変わったりしない静的な画面
  • build

Flutter/StatefulWidget

  • 動的にUIを変化させるときに便利なWidget
  • createState

Flutter/State

メソッド

  • Flutter/ウィジェット/build?

主なやつ

Flutter/Scaffold

Flutter/AppBar

Flutter/Container?

Widgetschild?

Flutter/Column

  • 縦に並べる
    Widgets[]children

Flutter/Row

  • 横に並べる
    Widgets[]children

Flutter/Card

関連