【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 撸一遍..知道它大概的用法.效果.当你想做某个 ...
随机推荐
- python文件操作、查看路径、查看文件名
1 # -*- coding: utf-8 -* # from sys import argv # script,input_file = argv import os file_url = &quo ...
- Spine学习四 - 在动作上绑定回调事件
Spine事件特性: SpineEvent(string startsWith = "", string dataField = "", bool includ ...
- Oracle RAC与DG
RAC RAC: real application clustersrac RAC: real application clustersrac 单节点数据库:数据文件和示例文件一一对应 实例损坏时数据 ...
- SQL SERVER管理维护计划错误，备份错误，1053/3041/错误18204，严重性16，状态1
在sqlserv2008/2012里设置了管理-维护计划-备份计划,前些天遇到报错-1053/3041/错误18204,严重性16,状态1等:分享下解决方法. 1.在服务器执行任务报错 2.解决办法 ...
- C. News Distribution(并查集)
In some social network, there are nn users communicating with each other in mm groups of friends. Le ...
- Codeforces1249E By Elevator or Stairs?
题意 给定整数c和数组a,b,\(a_i\)表示通过爬楼梯的方法从第\(i\)层到\(i+1\)层需要的时间,\(b_i\)表示通过坐电梯的方法从第\(i\)层到\(i+1\)层需要的时间,坐电梯前需 ...
- 【Azure DevOps系列】Azure DevOps构建并发布Nuget程序包
在Azure DevOps中,管道可以用来构建解决方案,O(∩_∩)O哈哈~快万能了,本章主要介绍如何创建Nuget包并且将其发布到Nuget服务器的过程. 前面我创建了一个非常简单的类库,这边我不做 ...
- 阿里面试：dubbo的服务引用过程
点赞再看,养成习惯,微信搜一搜[三太子敖丙]关注这个喜欢写情怀的程序员. 本文 GitHub https://github.com/JavaFamily 已收录,有一线大厂面试完整考点.资料以及我的系 ...
- 第24课 - #pragma 使用分析
第24课 - #pragma 使用分析 1. #pragma简介 (1)#pragma 是一条预处理器指令 (2)#pragma 指令比较依赖于具体的编译器,在不同的编译器之间不具有可移植性,表现为两 ...
- git代码管理——克隆项目到本地仓库及上传本地项目到仓库
一.克隆项目到本地仓库 1.github网站操作 1.1 登录github 首先创建一个仓库,点击“New” 1.2 输入仓库信息 1.3 创建完成后,会多出一个仓库 2.安装git客户端 2.1 安 ...