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

组件介绍(总计244个)

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

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

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

常用组件(65)

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

其余组件(179)

1	2	3	4	5
[ AboutListTile	AbsorbPointer	ActionChip	AlignTransition	AlwaysScrollableScrollPhysics
AnimatedAlign	AnimatedBuilder	AnimatedContainer	AnimatedCrossFade	AnimatedDefaultTextStyle
AnimatedIcon	AnimatedModalBarrier	AnimatedOpacity	AnimatedPadding	AnimatedPhysicalModel
AnimatedPositioned	AnimatedPositionedDirectional	AnimatedSize	AssetImage	BackButton
BackButtonIcon	BackdropFilter	Banner	Baseline	BottomAppBar
BouncingScrollPhysics	Builder	ButtonBar	CheckboxListTile	CheckedModeBanner
Chip	ChoiceChip	CircleAvatar	ClampingScrollPhysics	ClipOval
ClipPath	ClipRRect	ClipRect	CloseButton	ColorFiltered
ConstrainedBox	CupertinoActionSheet	CupertinoActionSheetAction	CupertinoApp	CupertinoButton
CupertinoDatePicker	CupertinoFullscreenDialogTransition	CupertinoNavigationBar	CupertinoNavigationBarBackButton	CupertinoPageScaffold
CupertinoPicker	CupertinoSlider	CupertinoSliverRefreshControl	CupertinoSwitch	CupertinoTabBar
CupertinoTabScaffold	CupertinoTabView	CupertinoTextField	CupertinoTheme	CupertinoTimerPicker
CustomClipper	DataCell	DataColumn	DataColumn	DataRow
DayPicker	DecoratedBoxTransition	DefaultTextStyleTransition	Dismissible	DragTarget
Draggable	DraggableScrollableSheet	DrawerHeader	ExpandIcon	ExpansionPanelList
ExpansionTile	FadeInImage	FadeTransition	FilterChip	FittedBox
FixedExtentScrollPhysics	FlexibleSpaceBar	FloatingActionButton	FlutterLogo	Form
FormField	FutureBuilder	GridPaper	GridTile	GridTileBar
IconButton	IgnorePointer	ImageIcon	InputChip	IntrinsicHeight
IntrinsicWidth	KeyedSubtree	LayoutBuilder	LicensePage	LimitedBox
ListTile	ListWheelScrollView	Listener	LongPressDraggable	MaterialTapTargetSize
MergeableMaterial	ModalBarrier	MonthPicker	NavigationToolbar	NeverScrollableScrollPhysics
NotificationListener	Offstage	Opacity	OrientationBuilder	Overlay
PageScrollPhysics	PaginatedDataTable	PhysicalModel	Placeholder	PopupMenuButton
Positioned	PositionedDirectional	PositionedTransition	RangeSlider	RawChip
RawMaterialButton	RelativePositionedTransition	ReorderableListView	RotationTransition	SafeArea
ScaleTransition	ScrollPhysics	SelectableText	ShaderMask	SingleChildScrollView
SizeTransition	SlideTransition	SliverAppBar	SliverFillViewport	SliverGrid
SliverList	SliverPersistentHeader	SliverSafeArea	SnackBar	Spacer
Stepper	StreamBuilder	SwitchListTile	Tab	TabPageSelector
TabPageSelectorIndicator	TableCell	TableRow	TextAlign	TextFormField
Theme	Title	ToggleButtons	Tooltip	Transform
TweenAnimationBuilder	UnconstrainedBox	UserAccountsDrawerHeader	ValueListenableBuilder	ValueListenableBuilder
Visibility	WidgetsApp	WillPopScope	Wrap	YearPicker
showAboutDialog	showBottomSheet	showCupertinoDialog	showDatePicker	showDialog
showGeneralDialog	showLicensePage	showSearch	showTimePicker

项目介绍

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. 人人影视客户端

版权说明

所有内容文字、图片和音视频资料，版权均属作者（老孟）所有，任何媒体、网站或个人作者未经授权不得转载、链接、转贴或以其他方式复制发布/发表。已经授权的媒体、网站，在下载使用时必须注明"稿件来源：“老孟Flutter"，违者将依法追究责任。