This is a tutorial for all widgets in the flutter. It contain code, articles.

Last update: Dec 3, 2022

Overview

Flutter Widgets

❤️ Star ❤️ the repo to support the project or 😄 Follow Me.Thanks!

Facebook Page	Twitter	QQ Group	Developer
Flutter Open	NieBin	963828159	NieBin

What it is?

The Project is a flutter examples of the flutter widgets. Some example contain articles and code about flutter widgets.

The whole artcile is here: Flutter Widgets articles

Base widgets

1	2	3	4	5	6
Container	Row/Column	Image	Text	Icon
RaiseButton	Scaffold	AppBar	FlutterLogo	PlaceHolder

Navigation

1	2	3	4	5
Scaffold	AppBar	BottomNavigationBar	TabBar&TabBarView
MaterialApp	WidgetsApp	Drawer

Button

1	2	3	4	5
RaiseButton	FloatingActionButton	FlatButton	IconButton	DropdownButton
PopupMenuButton	ButtonBar

Input & selection

1	2	3	4
TextField	CheckBox	Radio	Switch
Slider	Date $Time Pickers

Dialog

1	2	3	4	5
SimpleDialog	AlertDialog	BottomSheet	ExpansionPanel	SnackBar

Information

1	2	3	4	5
Image	Icon	Chip	Tooltip	DataTable
Card	LinearProgressIndicator	CircularProgressIndicator	GridView

Layout-single

1	2	3	4
ListTile	Stepper	Divider	LimitedBox
Padding	Center	Align	FittedBox
Baseline	FractionallySizedBox	IntrinsicHeight
OverflowBox	SizedBox	SizedOverflowBox	Transform
ConstrainedBox	Offstage	CustomSingleChildLayout	IntrinsicWidth

Layout-muti

1	2	3	4	5
Row	Column	Stack	IndexedStack	Expanded
GridView	Flow	Table	Wrap
ListBody	CustomMultiChildLayout	LayoutBuilder	ListView

Assets

Text	Asset	Input
Text	Image	Form
RichText	Icon	FormField
DefaultTextStyle	RawImage	RawKeyBoardListener
AssetBundle

Animation

1	2	3	4
Animation	AnimatedContainer	AnimatedCrossFade	Hero
FadeTransition	PositionedTransition	RotationTransion	ScaleTransition
AnimatedDefaultTextStyle	AnimatedListState	AnimatedModalBarrier
AnimatedSize	AnimatedWidget	AnimatedWidgetBaseState	DecoratedTransition
SlideTransition	AnimatedPhysicalModel	AnimatedPositioned	AnimatedBuilder
SizeTransition	AnimatedOpacity

Interaction

1	2	3	4	5
Draggable	LongPressDraggable	GestureDetector	DragTarget	Dismissible
AbsorbPointer	Scrollable	Hero	Navigator	IgnorePointer

Style	Async	Accessibility
Padding	FutureBuilder	Semantic
Theme	StreamBuilder	MergeSemantics
MediaQuery		ExcludeSemantics

Painting & Effect

1	2	3	4	5
Opacity	Transform	DecoratedBox	FractionalTranslation	RotatedBox
ClipOval	ClipPath	ClipRect	CustomPaint	BackdropFilter

Scrolling

This part link

1	2	3	4
GridView	ListView	NestedScrollView	SingleChildScrollView
CustomScrollview	NotificationListener	ScrollConfiguration
Scrollable	PageView	Scrollable	RefreshIndicator

This project include all the assets I used in this tutorial

clothes_app_starter A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you star

Jun 29, 2022

Tutorial code for Flutter Apprentice book.

Flutter Apprentice: Materials This repo contains all the downloadable materials and projects associated with the Flutter Apprentice from raywenderlich

Jan 10, 2022

Responsive Google Docs Clone Tutorial Source Code developed using Flutter & Nodejs.

Google Docs Clone A completely Responsive Instagram App- Works on Android, iOS & Web! Features Google Authentication State Persistence Creating new Do

Jan 2, 2023

Sample code for "A Game of Darts" tutorial

These are small Dart samples used by the online Dart tutorials. Each directory in this repo represents a tutorial. The homepage field in each pubspec

Sep 17, 2022

Tasawq App — Flutter framework and Firebase An application that objectives to display all nearby stores of all kinds and real estate.

Tasawq App — Flutter framework and Firebase An application that objectives to display all nearby stores of all kinds and real estate. Multi-vendor, standard user login to view nearby products and stores for rating, follow-up, messaging and more

Nov 10, 2022

Find The Latest trending and upcoming movies and tv shows with MovieDB app. The app contains all info about movies and tv shows. find similar movies or shows, Browse all genres, video trailers, backdrops, logos, and posters.

MovieDB App Features. Dynamic Theming Search Functionality Onboarding-Screen Select favourite movie Home Screen Tranding movie Movies different catego

Dec 12, 2022