weichengwen/flutter-do

旨在帮助初学者快速入门、收集学习资源

动起来，动手实践远比畏畏缩缩、止步不前要好得多。

组件介绍(总计179个)

Github开源地址：https://github.com/781238222/flutter-do/tree/master/source/flutter/widgets

如果觉得使用源文件不方便查看，可以到老孟程序员博客进行查看，除了查看更加方便外，还有如下好处：

• 对所有组件按字母进行了排序，方便查找。
• 列出了常用组件和非常用组件，初学者只需要重点学习常用组件即可。
• 这里有对初学者的一点点个人建议，少走弯路。
• 所有控件类的继承关系图，目前统计的控件总共353个。
• 定期更新新的组件的用法，也可以加入微信交流群（博客有加群方式），会同步更新。

常用组件(62)

1	2	3	4	5
AboutDialog	AlertDialog	Align	AnimatedList	AnimatedSwitcher
AppBar	AspectRatio	BottomNavigationBar	BottomNavigationBarItem	Card
Center	Checkbox	CircularProgressIndicator	Column	Container
CupertinoActivityIndicator	CupertinoAlertDialog	DataTable	Dialog	Divider
Drawer	DropdownButton	Expanded	FlatButton	Flexible
FractionallySizedBox	GridView	Hero	Icon	Image
IndexedStack	Ink	InkWell	LinearProgressIndicator	ListView
MaterialApp	MediaQuery	MediaQueryData	OutlineButton	Padding
PageView	Radio	RaisedButton	RefreshIndicator	RefreshProgressIndicator
RichText	Column	Scaffold	SimpleDialog	SizedBox
Slider	Stack	Switch	TabBar	TabBarView
Table	Text	TextField	VerticalDivider	showCupertinoModalPopup
showMenu	showModalBottomSheet

查询组件(117)

1	2	3	4	5
AbsorbPointer	AlignTransition	AnimatedAlign	AnimatedBuilder	AnimatedContainer
AnimatedCrossFade	AnimatedDefaultTextStyle	AnimatedIcon	AnimatedModalBarrier	AnimatedOpacity
AnimatedPadding	AnimatedPositioned	AnimatedPositionedDirectional	AssetImage	BackButton
BackdropFilter	Banner	ButtonBar	CheckboxListTile	CheckedModeBanner
ClipOval	ClipPath	ClipRRect	ClipRect	CloseButton
ColorFiltered	ConstrainedBox	CupertinoActionSheet	CupertinoActionSheetAction	CupertinoApp
CupertinoButton	CupertinoNavigationBar	CupertinoPageScaffold	CupertinoPicker	CupertinoSlider
CupertinoSliverRefreshControl	CupertinoSwitch	CupertinoTabBar	CupertinoTabScaffold	CupertinoTabView
CupertinoTextField	CustomClipper	DataCell	DataColumn	DataColumn
DataRow	DatePicker	DecoratedBoxTransition	DefaultTextStyleTransition	Dismissible
DragTarget	Draggable	DraggableScrollableSheet	ExpansionPanelList	ExpansionTile
FadeInImage	FadeTransition	FittedBox	FloatingActionButton	Form
FormField	FutureBuilder	GridPaper	IconButton	IgnorePointer
LayoutBuilder	LicensePage	LimitedBox	ListTile	ListWheelScrollView
LongPressDraggable	ModalBarrier	Opacity	Overlay	Placeholder
PopupMenuButton	Positioned	PositionedDirectional	PositionedTransition	RawMaterialButton
RelativePositionedTransition	ReorderableListView	RotationTransition	SafeArea	ScaleTransition
SelectableText	ShaderMask	SizeTransition	SlideTransition	SliverAppBar
SliverGrid	SliverList	SnackBar	Spacer	StreamBuilder
SwitchListTile	TableCell	TableRow	TextAlign	TextFormField
TimePicker	ToggleButtons	Tooltip	Transform	TweenAnimationBuilder
UnconstrainedBox	ValueListenableBuilder	ValueListenableBuilder	WidgetsApp	Wrap
showAboutDialog	showBottomSheet	showCupertinoDialog	showDialog	showGeneralDialog
showLicensePage	showSearch

项目介绍

Flutter Fly（展翅高飞）

地址：https://github.com/781238222/flutter-do/tree/master/flutter_fly

Flutter App升级

地址：https://github.com/781238222/flutter-do/tree/master/flutter_upgrade

验证码输入框

地址：https://github.com/781238222/flutter-do/tree/master/flutter_verification_box

弹幕

地址：https://github.com/781238222/flutter-do/tree/master/flutter_barrage_sample

字幕

地址：https://github.com/781238222/flutter-do/tree/master/flutter_subtitle_example

带动画效果的PageView

• Travel Cards

• Mindfullness Gooey Transition

• page-transformer

• transformer_page_view

• smooth_page_indicator

带动画效果的底部导航

• Fluid Button Bar

• Icon Flip Button Bar

• fancy_bottom_navigation

• circular_bottom_navigation

• bottom_navy_bar

• titled_navigation_bar

Flutter 完整项目及功能性项目

1. Flutter Fly（展翅高飞）：https://github.com/781238222/flutter-do/tree/master/flutter_fly

2. Flutter App升级功能：https://github.com/781238222/flutter-do/tree/master/flutter_upgrade

3. FlutterExampleApps 收集了大量youtube视频：https://github.com/iampawan/FlutterExampleApps

4. flutter-go，不解释，或许这是你最早接触的Flutter资源：https://github.com/alibaba/flutter-go

5. FlutterScreens,漂亮的UI库，学习阶段建议不要使用https://github.com/samarthagarwal/FlutterScreens

6. Flutter豆瓣客户端，完成度比较高的项目：https://github.com/kaina404/FlutterDouBan

7. MVC模式的项目结构：https://github.com/brianegan/flutter_architecture_samples

8. 开源Github客户端：https://github.com/CarGuo/gsy_github_app_flutter

9. HistoryOfEverything,非常酷炫的项目：https://github.com/2d-inc/HistoryOfEverything

10. WanAndroid客户端：https://github.com/Sky24n/flutter_wanandroid

11. Best-Flutter-UI-Templates，非常漂亮的一个App：https://github.com/mitesh77/Best-Flutter-UI-Templates

12. flutter_deer:https://github.com/simplezhli/flutter_deer

13. FlutterFoodybite:https://github.com/JideGuru/FlutterFoodybite

14. 开源**客户端:https://github.com/yubo725/flutter-osc

15. Flutter 高仿知乎 UI:https://github.com/xujiyou/zhihu-flutter

16. 高仿书旗小说 Flutter版:https://github.com/huanxsd/flutter_shuqi

17. flutter 下拉刷新：https://github.com/xuelongqy/flutter_easyrefresh

18. 仿网易云音乐:https://github.com/boyan01/flutter-netease-music

19. 玩Android客户端:https://github.com/phoenixsky/fun_android_flutter

20. Flutter淘宝App:https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter

21. 交错GridView（可以实现瀑布流）：https://github.com/letsar/flutter_staggered_grid_view

22. 渲染Markdown：https://github.com/flutter/flutter_markdown

23. 图标 https://github.com/imaNNeoFighT/fl_chart

24. 城市列表，联系人列表，索引&悬停:https://github.com/flutterchina/azlistview

25. FlutterUnit

26. Html解析器

27. markdown 解析器

28. 人人影视客户端