A tutorial for all widgets in the flutter

  UI, Widgets

Flutter Widgets

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

Facebook PageTwitterQQ GroupDeveloper
Flutter Open NieBin963828159NieBin

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

123456
ContainerRow/ColumnImageTextIcon
RaiseButtonScaffoldAppBarFlutterLogoPlaceHolder

Navigation

12345
ScaffoldAppBarBottomNavigationBarTabBar&TabBarView
MaterialAppWidgetsAppDrawer

Button

12345
RaiseButtonFloatingActionButtonFlatButtonIconButtonDropdownButton
PopupMenuButtonButtonBar

Input & selection

1234
TextFieldCheckBoxRadioSwitch
SliderDate $Time Pickers

Dialog

12345
SimpleDialogAlertDialogBottomSheetExpansionPanelSnackBar

Information

12345
ImageIconChipTooltipDataTable
CardLinearProgressIndicatorCircularProgressIndicatorGridView

Layout-single

1234
ListTileStepperDividerLimitedBox
PaddingCenterAlignFittedBox
BaselineFractionallySizedBoxIntrinsicHeight
OverflowBoxSizedBoxSizedOverflowBoxTransform
ConstrainedBoxOffstageCustomSingleChildLayoutIntrinsicWidth

Layout-muti

12345
RowColumnStackIndexedStackExpanded
GridViewFlowTableWrap
ListBodyCustomMultiChildLayoutLayoutBuilderListView

Assets

TextAssetInput
TextImageForm
RichTextIconFormField
DefaultTextStyleRawImageRawKeyBoardListener
AssetBundle

Animation

1234
AnimationAnimatedContainerAnimatedCrossFadeHero
FadeTransitionPositionedTransitionRotationTransionScaleTransition
AnimatedDefaultTextStyleAnimatedListStateAnimatedModalBarrier
AnimatedSizeAnimatedWidgetAnimatedWidgetBaseStateDecoratedTransition
SlideTransitionAnimatedPhysicalModelAnimatedPositionedAnimatedBuilder
SizeTransitionAnimatedOpacity

Interaction

12345
DraggableLongPressDraggableGestureDetectorDragTargetDismissible
AbsorbPointerScrollableHeroNavigatorIgnorePointer
StyleAsyncAccessibility
PaddingFutureBuilderSemantic
ThemeStreamBuilderMergeSemantics
MediaQueryExcludeSemantics

Painting & Effect

12345
OpacityTransformDecoratedBoxFractionalTranslationRotatedBox
ClipOvalClipPathClipRectCustomPaintBackdropFilter

Scrolling

This part link

1234
GridViewListViewNestedScrollViewSingleChildScrollView
CustomScrollviewNotificationListenerScrollConfiguration
ScrollablePageViewScrollableRefreshIndicator

Download Source Code on GitHub

https://github.com/FlutterOpen/flutter-widgets