{"id":18849685,"url":"https://github.com/flutteropen/flutter-widgets","last_synced_at":"2025-10-12T23:07:56.593Z","repository":{"id":88943156,"uuid":"165470719","full_name":"FlutterOpen/flutter-widgets","owner":"FlutterOpen","description":"This is a tutorial for all widgets in the flutter. It contain code, articles.","archived":false,"fork":false,"pushed_at":"2019-06-15T15:33:46.000Z","size":13210,"stargazers_count":343,"open_issues_count":1,"forks_count":71,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-04-02T11:06:00.612Z","etag":null,"topics":["article","example","flutter","simple","ui","widgets"],"latest_commit_sha":null,"homepage":"https://flutteropen.gitbook.io/flutter-widgets","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FlutterOpen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-01-13T05:48:34.000Z","updated_at":"2024-10-07T15:57:16.000Z","dependencies_parsed_at":"2023-06-13T06:15:29.466Z","dependency_job_id":null,"html_url":"https://github.com/FlutterOpen/flutter-widgets","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlutterOpen%2Fflutter-widgets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlutterOpen%2Fflutter-widgets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlutterOpen%2Fflutter-widgets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlutterOpen%2Fflutter-widgets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FlutterOpen","download_url":"https://codeload.github.com/FlutterOpen/flutter-widgets/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248045231,"owners_count":21038553,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["article","example","flutter","simple","ui","widgets"],"created_at":"2024-11-08T03:22:03.526Z","updated_at":"2025-10-12T23:07:51.548Z","avatar_url":"https://github.com/FlutterOpen.png","language":"Dart","readme":"# Flutter Widgets\n### :heart: Star :heart: the repo to support the project or :smile:[Follow Me](https://github.com/nb312).Thanks!\nFacebook Page| Twitter | QQ Group | Developer |\n--- | --- | --- | ---\n[Flutter Open ](https://www.facebook.com/flutteropen) | [NieBin](https://twitter.com/niebin_gg) |  963828159 |[NieBin](https://github.com/nb312)  \n# What it is?\nThe Project is a flutter examples of the flutter widgets. Some example contain articles and code about flutter widgets.\n\nThe whole artcile is here: [Flutter Widgets articles](https://flutteropen.gitbook.io/flutter-widgets)\n\n\u003cimg src=\"doc/page_01.png\"  height=\"400\"/\u003e\u003cimg src=\"doc/page_02.png\"  height=\"400\"/\u003e\u003cimg src=\"doc/page_03.png\"  height=\"400\"/\u003e\n\u003cimg src=\"doc/page_04.png\"  height=\"600\"/\u003e\u003cimg src=\"doc/page_05.png\"  height=\"600\"/\u003e\n### Base widgets\n1 | 2 | 3 | 4 | 5 | 6\n--- | --- | --- | --- | --- | ---\n[Container](https://flutteropen.gitbook.io/widgets/flutter-widgets-01-container) |\t[Row/Column](https://flutteropen.gitbook.io/ebook/flutter-open-flutter-widgets-04-row-and-column) | \t[Image](https://flutteropen.gitbook.io/ebook/flutter-open-flutter-widgets-03-image) |\t[Text](https://flutteropen.gitbook.io/widgets/flutter-open-flutter-widgets-02-text) |\t[Icon](https://flutteropen.gitbook.io/ebook/flutter-open-flutter-widgets-05-icon) | \n[RaiseButton](https://flutteropen.gitbook.io/ebook/widgets-06-or-raisebutton) | [Scaffold](https://medium.com/flutteropen/flutter-widgets-scaffold-8673c0630ed4) |\t[AppBar](https://medium.com/flutteropen/flutter-widgets-07-appbar-86cae58244cd) |\t[FlutterLogo](https://medium.com/flutteropen/flutter-widgets-09-flutterlogo-5552b9021f8b) |\t[PlaceHolder](https://medium.com/flutteropen/flutter-widgets-10-placeholder-f8949a7dc273) |\n### Navigation\n1 | 2 | 3 | 4 | 5 |\n--- | --- | --- | --- | ---\n[Scaffold](https://medium.com/flutteropen/flutter-widgets-scaffold-8673c0630ed4) |\t[AppBar](https://medium.com/flutteropen/flutter-widgets-07-appbar-86cae58244cd) |\t[BottomNavigationBar](https://medium.com/flutteropen/flutter-widgets-11-bottomnavigationbar-3531d625fa0c) |\t[TabBar\u0026TabBarView](https://medium.com/flutteropen/flutter-widgets-12-tabbarview-tabbar-4cdc2112991a) |\nMaterialApp |\tWidgetsApp |\tDrawer | |      \n\n### Button\n1 | 2 | 3 | 4 | 5 |\n--- | --- | --- | --- | ---\n[RaiseButton](https://medium.com/flutteropen/widgets-06-raisebutton-6322e0bb2a95)\t| FloatingActionButton |\tFlatButton |\tIconButton |\t[DropdownButton](https://medium.com/flutteropen/flutter-widgets-13-dropdownbutton-d21e9c226f04)\n[PopupMenuButton](https://medium.com/flutteropen/widgets-14-popupmenubutton-1f1437bbdce2) |\tButtonBar | | |\n\n### Input \u0026 selection\n1 | 2 | 3 | 4 |\n--- | --- | --- | ---\nTextField |\tCheckBox |\tRadio |\tSwitch\nSlider |\tDate $Time Pickers | |\n\n### Dialog\n1 | 2 | 3 | 4 | 5 |\n--- | --- | --- | --- | ---\n[SimpleDialog](https://medium.com/flutteropen/flutter-widgets-17-simpledialog-1cf5bfd83f5f) |\tAlertDialog |\tBottomSheet |\tExpansionPanel |\tSnackBar\n\n### Information\n1 | 2 | 3 | 4 | 5 |\n--- | --- | --- | --- | ---\nImage |\tIcon |\tChip |\tTooltip |\tDataTable |\nCard | LinearProgressIndicator | CircularProgressIndicator |\tGridView |\n\n### Layout-single\n1 | 2 | 3 | 4 \n--- | --- | --- | --- \nListTile |\t[Stepper](https://medium.com/flutteropen/flutter-widgets-16-stepper-485ad8d1a248) |\tDivider | LimitedBox\nPadding |\tCenter |\tAlign |\tFittedBox |\tAspectRatio \nBaseline |\tFractionallySizedBox |\tIntrinsicHeight\nOverflowBox |\tSizedBox |\tSizedOverflowBox |\tTransform \nConstrainedBox |  Offstage | CustomSingleChildLayout | IntrinsicWidth\n\n### Layout-muti\n1 | 2 | 3 | 4 | 5\n--- | --- | --- | --- | --\nRow\t| Column |\t[Stack](https://medium.com/flutteropen/flutter-widgets-15-stack-9637858f7c62) |\tIndexedStack | Expanded\nGridView |\tFlow | Table |\tWrap |\nListBody |\tCustomMultiChildLayout |\tLayoutBuilder |\tListView  |\n\n### Assets\nText | Asset | Input\n--- | --- | ---\nText |\tImage |\tForm\nRichText |\tIcon |\tFormField\nDefaultTextStyle | RawImage\t|\tRawKeyBoardListener\nAssetBundle | |\n\n### Animation\n1 | 2 | 3 | 4 \n--- | --- | --- | ---\nAnimation |\tAnimatedContainer |\tAnimatedCrossFade |\tHero \nFadeTransition | PositionedTransition |\tRotationTransion\t| ScaleTransition \nAnimatedDefaultTextStyle | AnimatedListState |\tAnimatedModalBarrier |\t\t \nAnimatedSize | AnimatedWidget |\tAnimatedWidgetBaseState | DecoratedTransition \nSlideTransition | AnimatedPhysicalModel | AnimatedPositioned | AnimatedBuilder\nSizeTransition | AnimatedOpacity | \n\n### Interaction\n1 | 2 | 3 | 4 | 5 |\n--- | --- | --- | --- | ---\nDraggable |\tLongPressDraggable |\tGestureDetector |\tDragTarget |\tDismissible\nAbsorbPointer |\tScrollable |\tHero |\tNavigator | IgnorePointer\n\nStyle | Async | Accessibility\n--- | --- | ---\nPadding\t|\tFutureBuilder | Semantic\nTheme |\tStreamBuilder | MergeSemantics\nMediaQuery |\t\t|\tExcludeSemantics\n\n### Painting \u0026 Effect\n1 | 2 | 3 | 4 | 5 |\n--- | --- | --- | --- | ---\nOpacity |\tTransform |\tDecoratedBox |\tFractionalTranslation |\tRotatedBox\nClipOval | ClipPath |\tClipRect |\tCustomPaint |\tBackdropFilter\n\n### Scrolling\n[This part link](https://github.com/nb312/flutter-layouts-exampls)\n\n1 | 2 | 3 | 4 \n--- | --- | --- | --- \nGridView |\tListView |\tNestedScrollView | \tSingleChildScrollView\t\t\nCustomScrollview |\tNotificationListener |\tScrollConfiguration \nScrollable |  PageView | Scrollable | RefreshIndicator\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflutteropen%2Fflutter-widgets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflutteropen%2Fflutter-widgets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflutteropen%2Fflutter-widgets/lists"}