study-note

Flutter

目次

リンク

  1. Flutterアプリの基礎
  2. Widget／クラス

階層構造

基本のWidget階層

Widget (抽象クラス)
├── StatelessWidget
│   ├── Text
│   ├── Icon
│   ├── Card
│   ├── Material
│   ├── Divider
│   ├── CircleAvatar
│   ├── Tooltip
│   ├── FloatingActionButton
│   ├── ElevatedButton
│   ├── TextButton
│   ├── IconButton
│   ├── ListTile
│   ├── InkWell
│   ├── Image
│   └── LayoutBuilder
│
├── StatefulWidget
│   ├── Scaffold
│   ├── AppBar
│   ├── SliverAppBar
│   ├── BottomNavigationBar
│   ├── Form
│   ├── TextField
│   ├── TextFormField
│   ├── Checkbox
│   ├── Switch
│   ├── Radio
│   ├── ListView
│   ├── GridView
│   ├── SingleChildScrollView
│   ├── StreamBuilder<T>
│   └── ValueListenableBuilder<T>
│
├── RenderObjectWidget
│   ├── SingleChildRenderObjectWidget
│   │   ├── Container
│   │   ├── Padding
│   │   ├── Center
│   │   ├── Align
│   │   ├── SizedBox
│   │   ├── Expanded
│   │   ├── Flexible
│   │   ├── Positioned
│   │   ├── Visibility
│   │   └── FractionallySizedBox
│   └── MultiChildRenderObjectWidget
│       ├── Row
│       ├── Column
│       ├── Stack
│       └── Spacer
│
├── ProxyWidget
│   ├── InheritedWidget
│   └── ParentDataWidget
│
└── PreferredSizeWidget (interface)
│   ├── AppBar (implements)
│   └── PreferredSize

値クラス・装飾クラス

Color / Colors
Size / Offset / Duration
EdgeInsets
Alignment
BoxFit (enum)
BoxDecoration
Border
│  ├── BorderSide
│  └── BorderStyle (enum)
BorderRadius / Radius
DecorationImage
BoxShadow
Gradient (abstract)
ShapeBorder (abstract)
│  ├── RoundedRectangleBorder
│  ├── CircleBorder
│  └── StadiumBorder
ImageProvider<T>
BlendMode (enum)
ImageRepeat (enum)
VerticalDecoration

テキスト関連

TextStyle
│  ├── FontWeight
│  ├── FontStyle
│  ├── TextDecoration
│  └── backgroundColor, height, etc.
TextAlign (enum)
TextTheme
InputDecoration

入力・コントローラー系

TextSelection
ScrollPhysics (enum)
TextInputType (enum)
ValueListenable<T>
ValueNotifier<T>
AsyncSnapshot<T>
State<T>

レイアウト制御用enum

MainAxisAlignment
CrossAxisAlignment
MainAxisSize
FlexFit
StackFit
Axis
Clip
TextDirection
Curves

Material/Theme系

Theme
ThemeData
AppBarTheme
CardTheme
VisualDensity
ButtonStyle
ButtonStyleFrom (factory)
styleFrom (factory)
MaterialStateProperty<T>
MaterialState (enum)
MaterialApp
NavigationDestination
MediaQuery
ColorScheme

Navigator
GestureDetector
DragUpdateDetails

Sliver/Delegate系

SliverGridDelegate (abstract)
├── SliverGridDelegateWithFixedCrossAxisCount
└── SliverGridDelegateWithMaxCrossAxisExtent

BottomNavigation系

BottomNavigationBar
BottomNavigationBarType (enum)
BottomNavigationBarItem

Widget索引