These are essential components for building a Flutter interface.
Category | Widgets |
|---|
Text | Text, RichText, DefaultTextStyle
|
|---|
Image | Image, Image.asset, Image.network
|
|---|
Icon | Icon, IconButton
|
|---|
Button | TextButton, ElevatedButton, OutlinedButton, IconButton, FloatingActionButton
|
|---|
Progress | CircularProgressIndicator, LinearProgressIndicator
|
|---|
Used for user input and interaction.
Category | Widgets |
|---|
Text Input | TextField, TextFormField
|
|---|
Buttons | TextButton, ElevatedButton, OutlinedButton, IconButton, FloatingActionButton
|
|---|
Selection | Checkbox, CheckboxListTile, Radio, RadioListTile, Switch, SwitchListTile
|
|---|
Slider | Slider, RangeSlider
|
|---|
Date & Time Picker | DatePicker, TimePicker (via showDatePicker)
|
|---|
Dropdown | DropdownButton, DropdownMenuItem
|
|---|
Used to organize and position child widgets.
Category | Widgets |
|---|
Single Child Layout | Container, Padding, Center, Align, SizedBox
|
|---|
Multiple Child Layout | Row, Column, Flex, Stack, Wrap, Flow
|
|---|
Grid Layout | GridView, GridTile, SliverGrid
|
|---|
List Layout | ListView, ListTile, ListView.builder
|
|---|
Scrollable | SingleChildScrollView, CustomScrollView, PageView
|
|---|
Card & Box | Card, BoxDecoration, DecoratedBox
|
|---|
Expanded Widgets | Expanded, Flexible, Spacer
|
|---|
Used to navigate between pages/screens.
Category | Widgets |
|---|
Routes & Pages | Navigator, MaterialPageRoute
|
|---|
Tab Navigation | TabBar, TabBarView, TabController
|
|---|
Drawer | Drawer, ListTile
|
|---|
Bottom Navigation | BottomNavigationBar, BottomAppBar
|
|---|
Dialogs | AlertDialog, SimpleDialog, showDialog()
|
|---|
Snackbars | SnackBar, ScaffoldMessenger
|
|---|
These widgets help with customization and styling.
Category | Widgets |
|---|
Styling | Theme, ThemeData, TextStyle, Color, IconTheme
|
|---|
Opacity | Opacity, FadeTransition
|
|---|
Decoration | BoxDecoration, ShapeDecoration
|
|---|
Material | Material, InkWell, Ink
|
|---|
Padding & Spacing | Padding, Margin, SizedBox, Spacer
|
|---|
For animations and visual effects.
Category | Widgets |
|---|
Basic Animations | AnimatedContainer, AnimatedOpacity, AnimatedAlign
|
|---|
Complex Animations | AnimationController, Tween, AnimationBuilder
|
|---|
Hero Animations | Hero
|
|---|
Transitions | SlideTransition, ScaleTransition, RotationTransition, FadeTransition
|
|---|
Widgets for more complex use cases.
Category | Widgets |
|---|
Slivers | CustomScrollView, SliverList, SliverGrid
|
|---|
Stream and Future | StreamBuilder, FutureBuilder
|
|---|
Custom Painting | CustomPaint, Canvas, Painter
|
|---|
Overlays | Overlay, OverlayEntry
|
|---|
Gesture Detection | GestureDetector, Draggable, DragTarget
|
|---|
Widgets for structural or utility purposes.
Category | Widgets |
|---|
Scaffold and AppBar | Scaffold, AppBar, BottomAppBar
|
|---|
Safe Area | SafeArea
|
|---|
Media Query | MediaQuery, LayoutBuilder, OrientationBuilder
|
|---|
Visibility | Visibility, Offstage
|
|---|
Tooltips | Tooltip
|
|---|
Divider | Divider, VerticalDivider
|
|---|
Clip | ClipRRect, ClipOval, ClipPath
|
|---|
Widgets designed for iOS or Android-specific UI.
Category | Widgets |
|---|
iOS Widgets | CupertinoButton, CupertinoNavigationBar, CupertinoSlider
|
|---|
Android Widgets | MaterialApp, Scaffold, MaterialButton, AppBar
|
|---|
Widgets for managing state in Flutter.
Category | Widgets |
|---|
Inherited Widgets | InheritedWidget, Provider
|
|---|
Stateful Widgets | StatefulWidget, setState
|
|---|
Global Keys | GlobalKey, Key, UniqueKey
|
|---|
Category | Example Widgets |
|---|
Basic UI Elements | Text, Image, Icon, Button, CircularProgressIndicator
|
|---|
Layout Widgets | Row, Column, Stack, GridView, ListView, Expanded, Padding
|
|---|
Input Widgets | TextField, Checkbox, Radio, Switch, Slider, DropdownButton
|
|---|
Navigation Widgets | Navigator, Drawer, TabBar, BottomNavigationBar, AlertDialog
|
|---|
Styling and Theming Widgets | Theme, Opacity, BoxDecoration, InkWell, Padding, SizedBox
|
|---|
Animations and Transitions | AnimatedContainer, Hero, SlideTransition, FadeTransition, AnimationBuilder
|
|---|
Advanced Widgets | SliverList, CustomPaint, StreamBuilder, Overlay, GestureDetector
|
|---|
Utilities and Helpers | Scaffold, SafeArea, MediaQuery, Tooltip, Divider, Visibility
|
|---|
Platform-Specific Widgets | CupertinoButton, CupertinoNavigationBar, MaterialApp, Scaffold
|
|---|
State Management Widgets | StatefulWidget, InheritedWidget, setState, GlobalKey
|
|---|