【Flutter Widgets大全】电子书开源
【Flutter Widgets大全】是老孟耗费大量精力整理的，总共有330多个组件的详细用法，开源到Github上，希望可以帮助到大家，开源不易，点个赞可不可以。
【Flutter Widgets 大全】 为 Flutter 老孟 网站项目，共收录 330 多个 Widgets，此电子书并不适合入门（一个一个组件学习），适合当作手册，需要的时候进行查阅。
为了方便对比学习，我将相近或相反功能的组件整理到一个文件中，比如所有的 Button 类组件、弹出类组件等。
如果想系统的学习入门知识，请到 Flutter 老孟 实战 查看。
- Flutter 老孟博客（在线阅读地址）：http://laomengit.com/flutter/widgets/widgets_structure.html
- Github 地址：https://github.com/781238222/flutter-do
Flutter Widgets 目录
- AboutDialog 在线查看
- AboutListTile 在线查看
- AbsorbPointer 在线查看
- ActionChip 在线查看
- AlertDialog 在线查看
- Align 在线查看
- AlignTransition 在线查看
- AlwaysScrollableScrollPhysics 在线查看
- AnimatedAlign 在线查看
- AnimatedBuilder 在线查看
- AnimatedContainer 在线查看
- AnimatedCrossFade 在线查看
- AnimatedDefaultTextStyle 在线查看
- AnimatedIcon 在线查看
- AnimatedList 在线查看
- AnimatedModalBarrier 在线查看
- AnimatedOpacity 在线查看
- AnimatedPadding 在线查看
- AnimatedPhysicalModel 在线查看
- AnimatedPositioned 在线查看
- AnimatedPositionedDirectional 在线查看
- AnimatedSize 在线查看
- AnimatedSwitcher 在线查看
- AppBar 在线查看
- AspectRatio 在线查看
- AssetImage 在线查看
- BackButton 在线查看
- BackButtonIcon 在线查看
- BackdropFilter 在线查看
- Banner 在线查看
- Baseline 在线查看
- BeveledRectangleBorder 在线查看
- Border 在线查看
- BorderDirectional 在线查看
- BottomAppBar 在线查看
- BottomNavigationBar 在线查看
- BottomNavigationBarItem 在线查看
- BouncingScrollPhysics 在线查看
- Builder 在线查看
- ButtonBar 在线查看
- ButtonBarTheme 在线查看
- ButtonBarThemeData 在线查看
- ButtonTheme 在线查看
- Card 在线查看
- Center 在线查看
- Checkbox 在线查看
- CheckboxListTile 在线查看
- CheckedModeBanner 在线查看
- CheckedPopupMenuItem 在线查看
- Chip 在线查看
- ChipTheme 在线查看
- ChipThemeData 在线查看
- ChoiceChip 在线查看
- CircleAvatar 在线查看
- CircleBorder 在线查看
- CircularProgressIndicator 在线查看
- ClampingScrollPhysics 在线查看
- ClipOval 在线查看
- ClipPath 在线查看
- ClipRRect 在线查看
- ClipRect 在线查看
- CloseButton 在线查看
- ColorFiltered 在线查看
- Column 在线查看
- ConstrainedBox 在线查看
- Container 在线查看
- ContinuousRectangleBorder 在线查看
- CupertinoActionSheet 在线查看
- CupertinoActionSheetAction 在线查看
- CupertinoActivityIndicator 在线查看
- CupertinoAlertDialog 在线查看
- CupertinoApp 在线查看
- CupertinoButton 在线查看
- CupertinoContextMenu 在线查看
- CupertinoContextMenuAction 在线查看
- CupertinoDatePicker 在线查看
- CupertinoFullscreenDialogTransition 在线查看
- CupertinoNavigationBar 在线查看
- CupertinoNavigationBarBackButton 在线查看
- CupertinoPageScaffold 在线查看
- CupertinoPicker 在线查看
- CupertinoScrollbar 在线查看
- CupertinoSegmentedControl 在线查看
- CupertinoSlider 在线查看
- CupertinoSlidingSegmentedControl 在线查看
- CupertinoSliverNavigationBar 在线查看
- CupertinoSliverRefreshControl 在线查看
- CupertinoSwitch 在线查看
- CupertinoTabBar 在线查看
- CupertinoTabScaffold 在线查看
- CupertinoTabView 在线查看
- CupertinoTextField 在线查看
- CupertinoTextSelectionToolbar 在线查看
- CupertinoTheme 在线查看
- CupertinoTimerPicker 在线查看
- CustomClipper 在线查看
- CustomMultiChildLayout 在线查看
- CustomPaint 在线查看
- CustomScrollView 在线查看
- CustomSingleChildLayout 在线查看
- DataCell 在线查看
- DataColumn 在线查看
- DataColumn 在线查看
- DataRow 在线查看
- DataTable 在线查看
- DayPicker 在线查看
- DecoratedBox 在线查看
- DecoratedBoxTransition 在线查看
- DefaultAssetBundle 在线查看
- DefaultTextStyle 在线查看
- DefaultTextStyleTransition 在线查看
- Dialog 在线查看
- Directionality 在线查看
- Dismissible 在线查看
- Divider 在线查看
- DividerTheme 在线查看
- DividerThemeData 在线查看
- DragTarget 在线查看
- Draggable 在线查看
- DraggableScrollableActuator 在线查看
- DraggableScrollableSheet 在线查看
- Drawer 在线查看
- DrawerHeader 在线查看
- DropdownButton 在线查看
- DropdownButtonFormField 在线查看
- DropdownButtonHideUnderline 在线查看
- ErrorWidget 在线查看
- ExpandIcon 在线查看
- Expanded 在线查看
- ExpansionPanelList 在线查看
- ExpansionTile 在线查看
- FadeInImage 在线查看
- FadeTransition 在线查看
- FilterChip 在线查看
- FittedBox 在线查看
- FixedExtentScrollPhysics 在线查看
- FlatButton 在线查看
- Flexible 在线查看
- FlexibleSpaceBar 在线查看
- FloatingActionButton 在线查看
- Flow 在线查看
- FlutterLogo 在线查看
- Form 在线查看
- FormField 在线查看
- FractionalTranslation 在线查看
- FractionallySizedBox 在线查看
- FutureBuilder 在线查看
- GestureDetector 在线查看
- GlowingOverscrollIndicator 在线查看
- GridPaper 在线查看
- GridTile 在线查看
- GridTileBar 在线查看
- GridView 在线查看
- Hero 在线查看
- HtmlElementView 在线查看
- Icon 在线查看
- IconButton 在线查看
- IconTheme 在线查看
- IgnorePointer 在线查看
- Image 在线查看
- ImageIcon 在线查看
- IndexedStack 在线查看
- Ink 在线查看
- InkWell 在线查看
- InputChip 在线查看
- InputDecoration 在线查看
- InputDecorator 在线查看
- IntrinsicHeight 在线查看
- IntrinsicWidth 在线查看
- KeyedSubtree 在线查看
- LayoutBuilder 在线查看
- LayoutId 在线查看
- LicensePage 在线查看
- LimitedBox 在线查看
- LinearProgressIndicator 在线查看
- ListBody 在线查看
- ListTile 在线查看
- ListTileTheme 在线查看
- ListView 在线查看
- ListWheelScrollView 在线查看
- Listener 在线查看
- Localizations 在线查看
- LongPressDraggable 在线查看
- Material 在线查看
- MaterialApp 在线查看
- MaterialBanner 在线查看
- MaterialBannerTheme 在线查看
- MaterialBannerThemeData 在线查看
- MaterialTapTargetSize 在线查看
- MediaQuery 在线查看
- MediaQueryData 在线查看
- MergeableMaterial 在线查看
- ModalBarrier 在线查看
- MonthPicker 在线查看
- NavigationToolbar 在线查看
- Navigator 在线查看
- NestedScrollView 在线查看
- NeverScrollableScrollPhysics 在线查看
- NotificationListener 在线查看
- Offstage 在线查看
- Opacity 在线查看
- OrientationBuilder 在线查看
- OutlineButton 在线查看
- OutlineInputBorder 在线查看
- OverflowBox 在线查看
- Overlay 在线查看
- Padding 在线查看
- PageScrollPhysics 在线查看
- PageView 在线查看
- PaginatedDataTable 在线查看
- PhysicalModel 在线查看
- PhysicalShape 在线查看
- Placeholder 在线查看
- PopupMenuButton 在线查看
- PopupMenuDivider 在线查看
- PopupMenuItem 在线查看
- PopupMenuTheme 在线查看
- PopupMenuThemeData 在线查看
- Positioned 在线查看
- PositionedDirectional 在线查看
- PositionedTransition 在线查看
- PreferredSize 在线查看
- Radio 在线查看
- RaisedButton 在线查看
- RangeSlider 在线查看
- RawChip 在线查看
- RawGestureDetector 在线查看
- RawKeyboardListener 在线查看
- RawMaterialButton 在线查看
- RefreshIndicator 在线查看
- RefreshProgressIndicator 在线查看
- RelativePositionedTransition 在线查看
- ReorderableListView 在线查看
- RichText 在线查看
- RotatedBox 在线查看
- RotationTransition 在线查看
- RoundedRectangleBorder 在线查看
- Row 在线查看
- SafeArea 在线查看
- Scaffold 在线查看
- ScaleTransition 在线查看
- ScrollConfiguration 在线查看
- ScrollPhysics 在线查看
- Scrollable 在线查看
- Scrollbar 在线查看
- SelectableText 在线查看
- Semantics 在线查看
- ShaderMask 在线查看
- ShapeBorder 在线查看
- SimpleDialog 在线查看
- SingleChildScrollView 在线查看
- SizeChangedLayoutNotification 在线查看
- SizeChangedLayoutNotifier 在线查看
- SizeTransition 在线查看
- SizedBox 在线查看
- SizedOverflowBox 在线查看
- SlideTransition 在线查看
- Slider 在线查看
- SliderTheme 在线查看
- SliderThemeData 在线查看
- SliverAnimatedList 在线查看
- SliverAppBar 在线查看
- SliverFillRemaining 在线查看
- SliverFillViewport 在线查看
- SliverFixedExtentList 在线查看
- SliverGrid 在线查看
- SliverLayoutBuilder 在线查看
- SliverList 在线查看
- SliverOpacity 在线查看
- SliverPadding 在线查看
- SliverPersistentHeader 在线查看
- SliverPrototypeExtentList 在线查看
- SliverSafeArea 在线查看
- SliverToBoxAdapter 在线查看
- SnackBar 在线查看
- SnackBarAction 在线查看
- Spacer 在线查看
- Stack 在线查看
- StadiumBorder 在线查看
- StatefulBuilder 在线查看
- Stepper 在线查看
- StreamBuilder 在线查看
- Switch 在线查看
- SwitchListTile 在线查看
- Tab 在线查看
- TabBar 在线查看
- TabBarView 在线查看
- TabPageSelector 在线查看
- TabPageSelectorIndicator 在线查看
- Table 在线查看
- TableCell 在线查看
- TableRow 在线查看
- Text 在线查看
- TextAlign 在线查看
- TextField 在线查看
- TextFormField 在线查看
- TextSelectionGestureDetector 在线查看
- TextSpan 在线查看
- Theme 在线查看
- Title 在线查看
- ToggleButtons 在线查看
- ToggleButtonsTheme 在线查看
- ToggleButtonsThemeData 在线查看
- Tooltip 在线查看
- TooltipTheme 在线查看
- TooltipThemeData 在线查看
- Transform 在线查看
- TweenAnimationBuilder 在线查看
- UnconstrainedBox 在线查看
- UnderlineInputBorder 在线查看
- UserAccountsDrawerHeader 在线查看
- ValueListenableBuilder 在线查看
- ValueNotifier 在线查看
- VerticalDivider 在线查看
- Visibility 在线查看
- WidgetSpan 在线查看
- WidgetsApp 在线查看
- WillPopScope 在线查看
- Wrap 在线查看
- YearPicker 在线查看
- showAboutDialog 在线查看
- showBottomSheet 在线查看
- showCupertinoDialog 在线查看
- showCupertinoModalPopup 在线查看
- showDatePicker 在线查看
- showDialog 在线查看
- showGeneralDialog 在线查看
- showLicensePage 在线查看
- showMenu 在线查看
- showModalBottomSheet 在线查看
- showSearch 在线查看
- showTimePicker 在线查看
Flutter Widgets PDF
开源文件为 markdown 格式，为了方便阅读老孟转换成了 PDF 格式，总计 658页，不知不觉已经整理了如此多的资料。
继承关系图
先来看一下组件整体继承关系图。
Widget的直接子类，仅仅4个（其实还有一个抽象类）
RenderObjectWidget及其子类共有89个：
ProxyWidget及其子类共有34个：
StatelessWidget及其子类共有89个：
StatefulWidget的子类最多，高达141个
PDF资料获取：https://github.com/781238222/flutter-do
交流
老孟Flutter博客（330个控件用法+实战入门系列文章）：http://laomengit.com
欢迎加入Flutter交流群（微信：laomengit）、关注公众号【老孟Flutter】：
 |
 |
【Flutter Widgets大全】电子书开源的更多相关文章
- Flutter Widgets 之 InkWell 和 Ink
注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 InkWell InkWell组件在用户点击时出现&quo ...
- Flutter Widgets 之 FutureBuilder
注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 展示异步任务状态 当有一个Future(异步)任务需要展示 ...
- Flutter Widgets 之 BottomNavigationBar 和 BottomNavigationBarItem
注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 BottomNavigationBar 和 BottomN ...
- Flutter Widgets 之 ListWheelScrollView
注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 基础用法 在展示大量数据的时候我们第一会想到使用ListV ...
- Flutter Widgets 之 RichText
注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 基础用法 应用程序离不开文字的展示,因此文字的排版非常重要 ...
- Flutter Widgets 之 SnackBar
注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 基础用法 应用程序有时候需要弹出消息提示用户,比如'网络连 ...
- Flutter Widgets 对话框-Dialog
注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 当应用程序进行重要操作时经常需要用户进行2次确认,以避免用 ...
- Flutter Widgets
Flutter Widgets Flutter 组件 Syncfusion Flutter Widgets 所有组件均支持即装即用的 Android,iOS和 Web not free https:/ ...
- Flutter Widgets (Container/Row/Column/Image)
俗话说知己知彼百战百胜,如果对Flutter 里面的各种Widgets不了解,那你就别想将它们组合成你想要的效果.从今天开始.会把一个一个的widget 撸一遍..知道它大概的用法.效果.当你想做某个 ...
随机推荐
- 【HttpRunner v3.x】笔记 ——5. 测试用例-config
上一篇中,我们了解到了config,在配置中,我们可以配置测试用例级级别的一些设置,比如基础url.验证.变量.导出. 我们一起来看,官方给出的一个例子: from httprunner import ...
- 跟我一起学.NetCore之中间件(Middleware)应用和自定义
前言 Asp.NetCore中的请求管道是通过一系列的中间件组成的,使得请求会根据需求进行对应的过滤和加工处理.在平时开发中会时常引用别人定义好的中间件,只需简单进行app.Usexxx就能完成中间件 ...
- 08_Python的数据类型
1.数字(整型int 浮点型float 复数complex) 1.数字概述 不可变类型,一旦创建不可修改,不是迭代对象,属于原子型 2.整型数int 概述: 整型数是不带有小数部分的数字,包括自然数, ...
- MySQL通过实体经纬度字段插入数据库point类型的经纬度字段
说明:数据库:表中没有经度跟纬度字段,只有location字段(point类型) POINT(经度 纬度)实体类:只有经度 lng 字段.纬度 lat 字段 没有location字段 <!--添 ...
- jQuery的那些事儿
jQuery概述 j-JavaScript+Query就是查询js的库,把js中的DOM操作做了封装,实现快速查询使用其中的功能. 优化了DOM操作.事件处理.动画设计和Ajax交互 学习jQuery ...
- odoo提示你没有查看此类文档的权限
问题: odoo出现提示信息:"抱歉, 你没有访问此类型文档的权限 '未知' (_unknown). 没有为此操作指定权限组 - (操作: read, 用户: 2)" 出错原因: ...
- xargs命令学习，于阮一峰博客
一.标准输入与管道命令 Unix 命令都带有参数,有些命令可以接受"标准输入"(stdin)作为参数. $ cat /etc/passwd | grep root 上面的代码使用了 ...
- Redis统计访问量方法
1.统计客户忘问量 2.查询某位ID客户是否登录 一亿用户,统计数据10M左右,比较省空间 set usercount 0 设置一个变量,用于记录客户访问量setbit usercount 2 0 ...
- Openstack 调整云主机大小失败解决
Openstack 使用调整openstack云主机大小报错 tailf /var/log/nova/nova-compute.log 2017-02-24 18:21:29.088 28511 ER ...
- python 第二节课内容和练习
一.列表 []表示列表,用','进行分隔,list有序 能够进行索引 切片 (in append extend count index insert pop remove,reverse sort c ...