【Flutter】UI開発でよく使うWidget50選

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

概要

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

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

解説Wideget

• 基本Widget

  • Scaffold

  • Text

  • AppBar

  • Image

  • Icon

  • BottomNavigationBar

  • Drawer

  • FloatActionButton

  • RichText

• UIを構成するWidget

  • Container

  • Column

  • Row

  • Stack

  • Align

  • AspectRatio

  • Expanded

  • Padding

  • SizedBox

  • Center

  • ClipRRect

  • Divider

  • ProgressIndicator

  • Spacer

  • Opacity

  • BottomNavigationBar

  • Table

  • Wrap

• スワイプ&スクロールできるWidget

  • ListView

  • SingleChildScrollView

  • GridView

  • PageView

  • RefreshIndicator

  • Scrollbar

  • TabBarView

• ユーザーの行動に影響するWidget

  • TextField

  • GestureDetector

  • ElevatedButton

  • DropDownButton

  • IconButton

  • OutlinedButton

  • PopupMenuButton

  • TextButton

  • Slider

  • BackButton

  • CheckBox

  • Radio

  • Switch

• アニメーションWidget

  • Hero

• 非同期処理のWidget

  • FutureBuilder

  • StreamBuilder

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