Widgets

Note :

• Bài viết này chỉ giới thiệu các widget, cách sử dụng vui lòng tham khảo trên document của Flutter.

1. Accessibility

• ExcludeSemantics : TBD

• MergeSemantics : TBD

• Semantics : TBD

2. Animation and motion

• AnimatedAlign :

• AnimatedBuilder :

• AnimatedContainer :

• AnimatedCrossFade :

• AnimatedDefaultTextStvle :

• AnimatedList :

• AnimatedListState :

• AnimatedModalBarrier :

• AnimatedOpacity :

• AnimatedPhysicalModel :

• AnimatedPositioned :

• AnimatedSize :

• AnimatedWidget :

• Implicitly AnimatedWidget :

• DecoratedBoxTransition :

• FadeTransition :

• Hero :

• PositionedTransition :

• RotationTransition :

• ScaleTransition :

• Size Transition :

• SlideTransition :

3. Assets, images, and icon

• AssetBundle

• Icon

• Image

• RawImage

4. Async

• FutureBuilder

• StreamBuilder

5. Basic

• AppBar

• Column

• Container

• ElevatedButton

• FlutterLogo

• Icon

• Image

• Placeholder

• Row

• Scaffold

• Text

6. Cupertino (iOS-style)

• CupertinoActionSheet

• CupertinoActivityIndicator

• CupertinoAlertDialog

• CupertinoButton

• CupertinoContextMenu

• CupertinoDatePicker

• CupertinoDialogAction

• CupertinoFullscreenDialogT

  ransition

• CupertinoListSection

• CupertinoListTile

• Cupertino NavigationBar

• CupertinoPageScaffold

• CupertinoPageTransition

• CupertinoPicker

• CupertinoPopupSurface

• CupertinoScrollbar

• CupertinoSearchTextField

• CupertinoSegmentedControl

• CupertinoSlider

• CupertinoSliding SegmentedControl

• CupertinoSliver NavigationBar

• CupertinoSwitch

• CupertinoTabBar

• CupertinoTabScaffold

• CupertinoTabView

• CupertinoTextField

• CupertinoTimerPicker

7. Input

• Autocomplete

• Form

• FormField

• RawKeyboardListener

8. Interactions

• AbsorbPointer

• Dismissible

• DragTarget

• Draggable

• DraggableScrollableSheet

• GestureDetector

• IgnorePointer

• InteractiveViewer

• LongPressDraggable

• Scrollable

• Navigator

9. Layout

• Single-child :

  • Align

  • AspectRatio

  • Baseline

  • Center

  • ConstrainedBox

  • Container

  • CustomSingleChildLayout

  • Expanded

  • FittedBox

  • FractionallySizedBox

  • IntrinsicHeight

  • IntrinsicWidth

  • LimitedBox

  • Offstage

  • OverflowBox

  • Padding

  • SizedBox

  • SizedOverflowBox

  • Transform

• Multi-child

  • Column

  • CustomMultiChildLayout

  • Flow

  • GridView

  • IndexedStack

  • LayoutBuilder

  • ListBody

  • ListView

  • Row

  • Stack

  • Table

  • Wrap

• Sliver

  • CupertinoSliver Navigation bar

  • CustomScrol View

  • SliverAppBar

  • SliverChildBuilderDelegate

  • SliverChildListDelegate

  • SliverFixedExtentList

  • SliverGrid

  • SliverList

  • SliverPadding

  • SliverPersistentHeader

  • SliverToBoxAdapter

10. Material 2 components

• App structure and navigation

  • AppBar

  • BottomNavigationBar

  • Drawer

  • MaterialApp

  • Scaffold

  • SliverAppBar

  • TabBar

  • TabBarView

  • TabController

  • TabPageSelector

  • WidgetsApp

• Buttons

  • DropdownButton

  • ElevatedButton

  • FloatingActionButton

  • Extended FloatingActionButton

  • IconButton

  • OutlinedButton

  • PopupMenuButton

  • TextButton

• Input and selections

  • Checkbox

  • DatePicker

  • Radio

  • Slider

  • Switch

  • TextField

• Dialogs, alerts, and panels

  • AlertDialog

  • BottomSheet

  • ExpansionPanel

  • SimpleDialog

  • SnackBar

• Information displays

  • Card

  • Chip

  • CircularProgressIndicator

  • DataTable

  • GridView

  • Icon

  • Image

  • LinearProgressIndicator

  • Tooltip

• Layout

  • Divider

  • ListTile

  • Stepper

11. Material Components

• Actions

  • Common buttons

  • FloatingActionButton

  • Extended FloatingActionButton

  • IconButton

  • SegmentedButton

• Communication

  • Badge

  • LinearProgressIndicator

  • SnackBar

• Containment

  • AlertDialog

  • Bottom sheet

  • Card

  • Divider

  • ListTile

• Navigation

  • AppBar

  • Bottom app bar

  • NavigationBar

  • NavigationDrawer

  • Navigation rail

  • TabBar

• Selection

  • Checkbox

  • Chip

  • DatePicker

  • Menu

  • Radio

  • Slider

  • Switch

  • TimePicker

12. Painting and effect widgets

• BackdropFilter

• ClipOval

• ClipPath

• ClipRect

• CustomPaint

• DecoratedBox

• FractionalTranslation

• Opacity

• RotatedBox

• Transform

13. Scrolling

• CustomScrollView

• DraggableScrollableSheet

• Grid View

• ListView

• NestedScrollView

• NotificationListener

• PageView

• Refreshindicator

• ReorderableListView

• ScrollConfiguration

• Scrollable

• Scrollbar

• SingleChildScrollView

14. Styling

• MediaQuery

• Padding

• Theme

15. Text

• DefaultTextStyle

• RichText

• Text