[go: up one dir, main page]
Scribd
Upload
108 views3 pages

Flutter Widgets Cheat Sheet

The Flutter Widgets Cheat Sheet provides a comprehensive overview of various widgets categorized into Basic, Layout, Image and Icon, Navigation, Input, Buttons, Styling and Theming, Animation & Motion, Alerts, Popups & Feedback, Scrolling & Refresh, State Management, and Advanced/Utility widgets. Each category includes essential widgets with brief descriptions of their functionalities. This resource serves as a quick reference for developers working with Flutter to efficiently utilize its widget library.

Uploaded by

Jagadish Poudel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
108 views3 pages

Flutter Widgets Cheat Sheet

The Flutter Widgets Cheat Sheet provides a comprehensive overview of various widgets categorized into Basic, Layout, Image and Icon, Navigation, Input, Buttons, Styling and Theming, Animation & Motion, Alerts, Popups & Feedback, Scrolling & Refresh, State Management, and Advanced/Utility widgets. Each category includes essential widgets with brief descriptions of their functionalities. This resource serves as a quick reference for developers working with Flutter to efficiently utilize its widget library.

Uploaded by

Jagadish Poudel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Flutter Widgets Cheat Sheet

Basic Widgets

Text - Display a string of text.


Row / Column - Arrange children horizontally / vertically.
Container - A box model widget for styling and positioning.
Center - Center a child within itself.
Padding - Add space around a widget.
Align - Align a child within itself.
Expanded - Expands to fill available space.
SizedBox - A box with fixed size or empty space.
Stack - Overlay widgets.
Visibility - Show or hide widgets.

Layout Widgets

Wrap - Wrap widgets to the next line when overflow.


ListView - Scrollable list of widgets.
GridView - Display widgets in a grid.
Table - Display widgets in a table format.
Expanded - Fill remaining space.
Flexible - Flexible constraints.
Spacer - Space between widgets.

Image and Icon Widgets

Image - Display images.


Icon - Display icons.
FlutterLogo - Display Flutter logo.

Navigation Widgets

Navigator - Manages pages stack.


MaterialPageRoute - Route with transition.
BottomNavigationBar - Bottom bar navigation.
Drawer - Slide-in left panel.
TabBar & TabBarView - Tabs and content views.

Input Widgets

TextField - User text input.


Checkbox - A checkable box.
Radio - Single selection.
Switch - On/off toggle.
Flutter Widgets Cheat Sheet

Slider - Value from range.


DropdownButton - Dropdown menu.
DatePicker / TimePicker - Pick date/time.

Buttons

ElevatedButton - Raised button.


TextButton - Flat text-only button.
OutlinedButton - Outlined border button.
IconButton - Button with icon.
FloatingActionButton - Circular main action button.

Styling and Theming

Theme - Colors, fonts.


MaterialApp / CupertinoApp - App wrapper.
DefaultTextStyle - Default text style.
DecoratedBox - Borders, gradients.
ClipRRect / ClipOval - Clip into shapes.

Animation & Motion

AnimatedContainer - Animate between values.


AnimatedOpacity - Fade in/out.
Hero - Shared transition.
FadeTransition / ScaleTransition - Custom animations.
AnimatedBuilder - Use AnimationController.

Alerts, Popups & Feedback

SnackBar - Bottom notification.


AlertDialog - Modal dialog.
BottomSheet - Slide-up panel.
Tooltip - Show hints.
ProgressIndicator - Circular / linear loading.

Scrolling & Refresh

SingleChildScrollView - Scroll single widget.


RefreshIndicator - Pull-to-refresh.
ScrollController - Control scrolling.
Flutter Widgets Cheat Sheet

State Management Widgets

StatefulWidget - Mutable state.


StatelessWidget - Immutable state.
InheritedWidget - Share state.
FutureBuilder / StreamBuilder - Async UI.

Advanced / Utility Widgets

MediaQuery - Screen size, orientation.


LayoutBuilder - Get constraints.
Builder - Build in new context.
GestureDetector - Handle touch.

You might also like