Dart Widget Catelog | RRTutors

Flutter Widgets

Now you are not having knowledge on flutter basics then go with Technical overview

What is a widget?

Everything within a flutter application is widget. From basic "text","Buttons" to "Screen Layouts".

In flutter application everything is designed by widget only.

These widgets are arranged in hierarchical order to be displayed onto the screen.

In the Flutter widgets most of widgets are Container widgets unlike Text widget

 

Widgets are two types

  • Stateless Widget

  • Stateful widget

 

All Widgets are categorized into below groups

  1. Platform specific widgets

  2. Layout widgets

  3. State maintenance widgets

  4. Platform independent / basic widgets

 

Platform specific widgets

Flutter provides platform specific widgets like Android and Ios

 

Android specific widgets are designed based on Material design rules

These widgets are called Material Widgets

 

Ios specific widgets are designed based on Human Interface Guidelines by Apple,

These widgets are called Cupertino widgets

Material Widgets

Scaffold

AppBar

BottomNavigationBar

TabBar

TabBarView

ListTile

RaisedButton

 FloatingActionButton

 FlatButton

 IconButton

 DropdownButton

 PopupMenuButton

 ButtonBar

 TextField

 Checkbox

 Radio

 Switch

 Slider

 Date & Time Pickers

 SimpleDialog

 AlertDialog

Cupertino Widgets

 

 CupertinoButton

 CupertinoPicker

 CupertinoDatePicker

 CupertinoTimerPicker

 CupertinoNavigationBar

 CupertinoTabBar

 CupertinoTabScaffold

 CupertinoTabView

 CupertinoTextField

 CupertinoDialog

 CupertinoDialogAction

 CupertinoFullscreenDialogTransition

 CupertinoPageScaffold

 CupertinoPageTransition

 CupertinoActionSheet

 CupertinoActivityIndicator

 CupertinoAlertDialog

 CupertinoPopupSurface

Layout Widgets

Layout widgets are widgets which will arrange the widget on the screen.

Examples: Container,Column,Row,Stack....

Single Child Widgets 

Container

Padding

ConstrainedBox

Baseline

FractinallySizedBox

IntrinsicHeight

IntrinsicWidth

LimitedBox

OffStage

OverflowBox

SizedBox

SizedOverflowBox

Transform

CustomSingleChildLayout

Align

Multi Child Widgets

Row

Column

ListView 

GridView

Expanded

Table

Flow

Stack

Advertisements