Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ezshine/FlutterWidgetsCatalog
a project for learning all Flutter Widgets , sync from flutter.dev the officia website.
https://github.com/ezshine/FlutterWidgetsCatalog
dart flutter
Last synced: 5 days ago
JSON representation
a project for learning all Flutter Widgets , sync from flutter.dev the officia website.
- Host: GitHub
- URL: https://github.com/ezshine/FlutterWidgetsCatalog
- Owner: ezshine
- License: mit
- Created: 2021-03-16T02:20:45.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-08-04T01:23:19.000Z (over 3 years ago)
- Last Synced: 2024-07-26T17:56:00.239Z (3 months ago)
- Topics: dart, flutter
- Language: Dart
- Homepage:
- Size: 1.39 MB
- Stars: 37
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Flutter Widgets Catalog
（WIP）
### 计划
1、使用`Flutter`开发一个全平台的`Flutter Widgets Catalog APP`，并且开源。在这个APP中可以通过图形化的方式查看所有`Widgets`的介绍，示例，视频教程。
2、所有文档内容由前一天从`flutter.dev`官网爬取，保持和官网同步。
3、每一个`Widget`都录制一个视频教程。
### 关注进展
- [掘金（大帅老猿）](https://juejin.cn/user/2955079655898093)
- [哔哩哔哩（大帅老猿）](https://space.bilibili.com/422646817)
- 微信公众号（大帅老猿）
### 使用说明
1. 安装好Flutter环境，查看教程
2. clone本项目到本地
1. `cd FlutterWigetsCatalog/app`
2. `flutter create .`
3. `flutter run`
3. 要运行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吧*