themobilecoder.

com

Beginner Flutter Widgets

Cheat Sheet

I. Basic Layout Widgets

Column Wrap
A widget that creates a
A widget that arranges new run of widgets if
child widgets the last child does not
vertically. It does not fit in the current run.
allow scrolling unless It can run horizontally
you wrap it with a or vertically.
scrollable widget.

Row Stack
A widget that arranges A widget that arranges
child widgets child widgets on top of
horizontally. It does each other, relative to
not allow scrolling the edges of its box.
unless you wrap it with
a scrollable widget.

Align
Container A widget that positions
A widget that wraps a its child widget and
child widget with optionally sizes itself
based on the child’s

themobilecoder.com
common utilities such
as a background color, size.
decorations, paddings,
and other constraints.

Padding
Center A widget that insets
its child widget by the
An Align widget that given padding values.
positions its child
widget at the center
and optionally sizes
itself based on the
child’s size. Transform
A widget that applies a
transformation before
painting its child such
as scale, translation,
and rotation.
Scaffold
A layout widget that
provides an interface
to add Material Design LayoutBuilder
components such as App if width > 500? else
A widget that allows
Bars, Floating Action you to decide which
Buttons, Bottom widget tree to build
sheets, and more. based on the parent
widget’s size and
constraints.
themobilecoder.com

Beginner Flutter Widgets

Cheat Sheet

II. Basic Interface Widgets

Text RichText
Aa A widget to display
text with a single text
style.
Aa A text widget that can
display multiple styles
using a tree of
TextSpan objects.

SelectionArea
Image.asset
AaBb A widget that can
contain Text widgets
and make them
A widget that displays
an image included in
selectable. your asset bundle.

Image.network Image.memory
0xF29..
A widget that displays
A widget that displays
an image from byte
an image obtained from
stream in UInt8List
a URL.
format.

themobilecoder.com
OutlineButton TextButton
Button
A button widget that Button A button widget that
has an outline border. does not have visible
borders.

IconButton Switch
A button widget that
can use Icon data. A widget that is used
to toggle the on or off
state of a setting.

Checkbox
A widget that is used
Slider
to set or unset a value A widget that is used
of a setting. to select from a range
of either continuous or
discrete values.

TextField
A widget that accepts GestureDetector
them text as input, either
from hardware keyboard A widget that adds user
or from the screen. input gestures to its
child widget.
themobilecoder.com

Beginner Flutter Widgets

Cheat Sheet

III. Basic Scrolling Widgets

ListView
A scrolling layout
widget that can hold a
list of widgets
arranged linearly.
GridView
Scroll direction can be
vertical or horizontal A scrolling layout
widget that consists of
repeated patterns of
cell widgets arranged
in a grid fashion.

SingleChildScrollView
A box widget that makes its
child widget scrollable
when its size grows more

themobilecoder.com
than the viewport.

A handy widget to make a

widget scroll when the
device screen is smaller
than the content.
CustomScrollView
A scrollable layout
widget that lets you
use Slivers to create
custom scroll effects.

PageView
A scrollable widget
that lets you scroll
page by page, where
each page is a widget.