FlutterWidgetsCatalog
FlutterWidgetsCatalog copied to clipboard
Published
20 hours ago •
ezshine
ezshine
a project for learning all Flutter Widgets , sync from flutter.dev the officia website.
Flutter Widgets Catalog
（WIP）
计划
1、使用Flutter开发一个全平台的Flutter Widgets Catalog APP，并且开源。在这个APP中可以通过图形化的方式查看所有Widgets的介绍，示例，视频教程。
2、所有文档内容由前一天从flutter.dev官网爬取，保持和官网同步。
3、每一个Widget都录制一个视频教程。
关注进展
- 掘金（大帅老猿）
- 哔哩哔哩（大帅老猿）
- 微信公众号（大帅老猿）
使用说明
- 安装好Flutter环境，查看教程
- clone本项目到本地
-
cd FlutterWigetsCatalog/app -
flutter create . -
flutter run
-
- 要运行nodejs爬虫，你需要
npm install一下
Widgets列表 （共173个）
视频教程地址：https://www.bilibili.com/video/BV1rz4y117D6/
| 代码示例 | 官方视频 | 示例视频 | Widget名称 |
|---|---|---|---|
| √ | √ | √ | AbsorbPointer |
| √ | √ | √ | AlertDialog |
| √ | √ | Align | |
| √ | AnimatedAlign | ||
| √ | √ | AnimatedBuilder | |
| √ | AnimatedContainer | ||
| √ | √ | AnimatedCrossFade | |
| √ | AnimatedDefaultTextStyle | ||
| √ | AnimatedListState | ||
| √ | AnimatedModalBarrier | ||
| √ | √ | AnimatedOpacity | |
| √ | AnimatedPhysicalModel | ||
| √ | √ | AnimatedPositioned | |
| AnimatedSize | |||
| √ | AnimatedWidget | ||
| AnimatedWidgetBaseState | |||
| Appbar | |||
| √ | AspectRatio | ||
| AssetBundle | |||
| Autocomplete | |||
| BackdropFilter | |||
| Baseline | |||
| BottomNavigationBar | |||
| BottomSheet | |||
| Card | |||
| Center | |||
| Checkbox | |||
| Chip | |||
| √ | CircularProgressIndicator | ||
| √ | ClipOval | ||
| √ | ClipPath | ||
| √ | ClipRect | ||
| Column | |||
| √ | ConstrainedBox | ||
| √ | Container | ||
| √ | CupertinoActionSheet | ||
| √ | CupertinoActivityIndicator | ||
| CupertinoAlertDialog | |||
| CupertinoButton | |||
| CupertinoContextMenu | |||
| CupertinoDatePicker | |||
| CupertinoDialog | |||
| CupertinoDialogAction | |||
| CupertinoFullscreenDialogTransition | |||
| CupertinoNavigationBar | |||
| CupertinoPageScaffold | |||
| CupertinoPageTransition | |||
| CupertinoPicker | |||
| CupertinoPopupSurface | |||
| CupertinoScrollbar | |||
| CupertinoSearchTextField | |||
| CupertinoSegmentedControl | |||
| CupertinoSlider | |||
| CupertinoSlidingSegmentedControl | |||
| CupertinoSliverNavigationBar | |||
| CupertinoSwitch | |||
| CupertinoTabBar | |||
| CupertinoTabScaffold | |||
| CupertinoTabView | |||
| CupertinoTextField | |||
| CupertinoTimerPicker | |||
| CustomMultiChildLayout | |||
| √ | CustomPaint | ||
| CustomScrollView | |||
| CustomSingleChildLayout | |||
| √ | DataTable | ||
| Date & Time Pickers | |||
| DecoratedBox | |||
| DecoratedBoxTransition | |||
| DefaultTextStyle | |||
| √ | Dismissible | ||
| √ | Divider | ||
| DragTarget | |||
| √ | Draggable | ||
| √ | DraggableScrollableSheet | ||
| √ | Drawer | ||
| DropdownButton | |||
| ElevatedButton | |||
| ExcludeSemantics | |||
| Expanded | |||
| √ | ExpansionPanel | ||
| FadeTransition | |||
| √ | FittedBox | ||
| FloatingActionButton | |||
| Flow | |||
| √ | FlutterLogo | ||
| Form | |||
| FormField | |||
| FractionalTranslation | |||
| √ | FractionallySizedBox | ||
| FutureBuilder | |||
| GestureDetector | |||
| √ | GridView | ||
| √ | Hero | ||
| Icon | |||
| IconButton | |||
| √ | IgnorePointer | ||
| √ | Image | ||
| √ | IndexedStack | ||
| √ | InteractiveViewer | ||
| IntrinsicHeight | |||
| IntrinsicWidth | |||
| √ | LayoutBuilder | ||
| √ | LimitedBox | ||
| √ | LinearProgressIndicator | ||
| ListBody | |||
| √ | ListTile | ||
| √ | ListView | ||
| LongPressDraggable | |||
| MaterialApp | |||
| √ | MediaQuery | ||
| MergeSemantics | |||
| Navigator | |||
| NestedScrollView | |||
| √ | NotificationListener | ||
| Offstage | |||
| Opacity | |||
| OutlinedButton | |||
| OverflowBox | |||
| √ | Padding | ||
| PageView | |||
| √ | Placeholder | ||
| PopupMenuButton | |||
| PositionedTransition | |||
| Radio | |||
| RawImage | |||
| RawKeyboardListener | |||
| RefreshIndicator | |||
| √ | ReorderableListView | ||
| √ | RichText | ||
| √ | RotatedBox | ||
| RotationTransition | |||
| Row | |||
| Scaffold | |||
| ScaleTransition | |||
| ScrollConfiguration | |||
| Scrollable | |||
| √ | Scrollbar | ||
| √ | Semantics | ||
| SimpleDialog | |||
| SingleChildScrollView | |||
| SizeTransition | |||
| √ | SizedBox | ||
| SizedOverflowBox | |||
| SlideTransition | |||
| √ | Slider | ||
| √ | SliverAppBar | ||
| SliverChildBuilderDelegate | |||
| SliverChildListDelegate | |||
| SliverFixedExtentList | |||
| SliverGrid | |||
| SliverList | |||
| SliverPadding | |||
| SliverPersistentHeader | |||
| SliverToBoxAdapter | |||
| √ | SnackBar | ||
| √ | Stack | ||
| Stepper | |||
| StreamBuilder | |||
| Switch | |||
| TabBar | |||
| TabBarView | |||
| TabController | |||
| TabPageSelector | |||
| Table | |||
| Text | |||
| TextButton | |||
| TextField | |||
| Theme | |||
| √ | Tooltip | ||
| √ | Transform | ||
| WidgetsApp | |||
| Wrap |
关注我，一起学习Flutter吧
ezshine