Flutter Widgets Reference Guide
Basic Widgets
Widget Description
Text Displays a string of text
Container Box with styling, padding, margin, etc.
Row / Column Layout children horizontally / vertically
Image Displays an image from asset, network, or file
Icon Displays a Material Design icon
SizedBox Adds space between widgets or fixed size
Padding Adds padding around child widget
Center Centers a widget in its parent
Scaffold Provides structure: AppBar, Body, FAB, etc.
AppBar Top navigation bar
MaterialApp Wraps app with Material Design theme
Medium (Layout, Forms, State)
Widget Description
Stack Overlay multiple widgets on top of each other
Positioned Place widgets at an exact position inside a Stack
Align Align a widget within its parent
Expanded Fill available space in a Row or Column
Flexible Flexibly occupy available space
Wrap Wrap children to the next line when space runs out
ListView Scrollable list of widgets
GridView Scrollable grid layout
SingleChildScrollView Makes one child scrollable
Form Groups form fields and manages validation
TextField Basic user text input
DropdownButton Creates a dropdown menu
Checkbox / Radio / Switch Boolean and single-choice toggles
Slider Input for range value
GestureDetector Detects taps, swipes, long presses etc.
StatefulWidget Widget that can rebuild on state changes
setState Triggers UI updates in StatefulWidget
InheritedWidget Pass data down the widget tree
FutureBuilder Widget based on future async data
StreamBuilder Widget based on streaming async data
ValueListenableBuilder Efficiently rebuilds small UI parts
MediaQuery Get screen size, orientation and insets
LayoutBuilder Build widgets based on parent constraints
OrientationBuilder React to orientation change
Drawer Sidebar panel for navigation
BottomNavigationBar Navigation bar at bottom of screen
Navigator Stack-based screen navigation
PageRouteBuilder Custom page transition animation
Advanced Widgets
Widget Description
Hero Shared element animation between screens
TweenAnimationBuilder Smoothly animate value changes
AnimatedBuilder Fine-grained control for animations
AnimatedContainer Animate changes in container properties
AnimatedOpacity Fade in/out animations
AnimationController Manual control of animation playback
SliverAppBar Collapsible AppBar in scrollable view
CustomScrollView Scroll view using sliver widgets
SliverList / SliverGrid Highly optimized scrollable lists
PageView Swipeable full-screen pages
InteractiveViewer Zoom and pan widgets like images
ReorderableListView Drag-and-drop reordering
BackdropFilter Apply blur and filter effects
Dismissible Swipe to remove list items
AnimatedList Efficient animated list operations
ExpansionTile Expand/collapse UI section
Draggable / DragTarget Drag and drop support
ClipPath Clip child to custom shape
CustomPaint Manually paint shapes and graphics
Router (2.0) Declarative navigation system
Flutter Hooks Hooks for cleaner StatefulWidgets
ListWheelScrollView iOS-style spinning wheel list
AbsorbPointer / IgnorePointer Block touch interaction
