widgetsType

Widget
Use Case
Main Properties
Features

Text

Displaying text in the UI.

data, style, textAlign, maxLines

Text styling, text alignment, line breaking.

Container

Creating a rectangular visual element.

color, child, padding, margin

Customization with padding, margin, and decoration.

Row

Arranging child widgets in a horizontal line.

children, mainAxisAlignment, crossAxisAlignment

Horizontal layout, alignment options.

Column

Arranging child widgets in a vertical line.

children, mainAxisAlignment, crossAxisAlignment

Vertical layout, alignment options.

ListView

Displaying a scrollable list of widgets.

children, itemBuilder, scrollDirection

Infinite scrolling, efficient list rendering.

Image

Displaying images in the UI.

image, width, height, fit

Image loading, scaling, and fitting options.

Button

Creating interactive buttons.

onPressed, child, color, shape

User interaction handling, button appearance.

TextField

Accepting text input from the user.

controller, decoration, keyboardType

Text input handling, keyboard customization.

Card

Creating material design cards.

child, elevation, shape, color

Card appearance, elevation, and shadow.

AppBar

Displaying a top app bar.

title, actions, backgroundColor

App bar title, actions, and customization.

Icon

Displaying icons in the UI.

icon, color, size

Icon selection and styling.

Switch

Creating on/off toggle switches.

value, onChanged, activeColor

Toggle state handling, appearance.

Slider

Selecting a value within a range.

value, onChanged, min, max

Value selection, range, and customization.

FlatButton

Creating a flat, text-based button.

onPressed, child, color, shape

Simple clickable button, can be customized.

RaisedButton

Creating a raised, material design button.

onPressed, child, color, shape, elevation

Elevated button with shadow, customizable.

IconButton

Displaying an icon as a button.

onPressed, icon, color, size

Icon-based button, suitable for icons.

PopupMenuButton

Showing a popup menu when pressed.

onSelected, itemBuilder, icon

Popup menu with customizable items and actions.

TabBar

Creating a tab bar for navigation.

tabs, controller, isScrollable

Tab-based navigation for switching content.

Drawer

Adding a side drawer to the app.

child, elevation, semanticLabel

Side navigation drawer, can be customized.

Snackbar

Displaying temporary messages at the bottom of the screen.

content, action, backgroundColor

Non-intrusive notifications and actions.

GridView

Displaying a grid of widgets.

gridDelegate, children, scrollDirection

Grid layout for arranging widgets.

Wrap

Arranging children in a flow-like manner.

children, alignment, spacing

Flow layout for handling dynamic content.

InkWell

Creating a material ink splash effect.

onTap, child, borderRadius, customBorder

Provides visual feedback when tapped.

Divider

Adding a horizontal line or divider.

color, height, thickness

Separates content with a visible line.

ProgressIndicator

Showing a loading or progress indicator.

value, backgroundColor, color, strokeWidth

Displays loading or progress animation.

Last updated