【Flutter】UI開発でよく使うWidget60選｜ウィジェットの使い方の基本を実例で解説・Widgetbook

※この動画コースは、Flutter学習サービス『Flutterラボ』でも公開しています。

概要

FlutterでUIを作成する際に不可欠な『Widget』。

よく使うWidget60個の使い方をひとつひとつ解説しています。

本講座はWidgetbbokをしようして自分オリジナルのWidgetカタログを作成することもゴールとしています。

ご自身の開発にもぜひご活用ください。

解説Widget

• 基本Widget

  • Scaffold

  • Text

  • AppBar

  • Image

  • Icon

  • Drawer

  • RichText

• レイアウト基礎

  • Container

  • SizedBox

  • Padding

  • Center

  • Column

  • Row

  • Stack

  • Align

  • AspectRatio

  • Spacer

  • Positioned

  • ClipRRect

  • Expanded

  • Flexible

  • FittedBox

  • Table

  • Wrap

• スクロール & リスト表示

  • ListTile

  • ListView

  • SingleChildScrollView

  • Scrollbar

  • GridView

  • PageView

  • TabBarView

  • ExpansionTile

  • RefreshIndicator

• 入力フォーム & ユーザー操作

  • TextField

  • GestureDetector

  • ElevatedButton

  • IconButton

  • TextButton

  • OutlinedButton

  • FloatingActionButton

  • DropDownButton

  • PopupMenuButton

  • BottomNavigationBar

  • BackButton

  • Slider

  • CheckBox

  • Radio

  • Switch

  • Draggable

• 状態表示 / アプリ動的UI制御

  • Opacity

  • Visibility

  • ProgressIndicator

  • FutureBuilder

  • StreamBuilder

• アニメーションWidget

  • Hero

  • AnimatedSwitcher

  • AnimatedOpacity

  • AnimatedRotation

  • AnimatedSize

※他に解説してほしいWidgetがあればコメントでご要望ください。