【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 撸一遍..知道它大概的用法.效果.当你想做某个 ...
随机推荐
- java初探（1）之登录初解
初识登录 登录的应用场景 登录比较常见,大多数网站都有登录的操作.然后登录本身也从简单到复杂有着漫长的发展历史.本文记录博主对登录的应用场景的剖析,深究不在于学习如何实现,主要关注其编码思想,过程中用 ...
- js reduce
数组对象求和 let books = [ { id: 100, name: '红楼梦', price: 100 }, { id: 101, name: '西游记', price: 150 }, { i ...
- Spring security OAuth2.0认证授权学习第四天(SpringBoot集成)
基础的授权其实只有两行代码就不单独写一个篇章了; 这两行就是上一章demo的权限判断; 集成SpringBoot SpringBoot介绍 这个篇章主要是讲SpringSecurity的,Spring ...
- JVM中的对象
虚拟机中的对象 对象的分配 虚拟机遇到一条new指令时:根据new的参数是否能在常量池中定位到一个类的符号引用,如果没有,说明还未定义该类,抛出ClassNotFoundException: 1)检查 ...
- Kubernetes-5：搭建企业级私有仓库Harbor
搭建企业级私有仓库Harbor 安装需求 python版本 >= 2.7 Docker引擎版本 >= 1.10 docker-compose版本 >= 1.6.0 安装环境 一.Py ...
- 【源码讲解】Spring事务是如何应用到你的业务场景中的？
初衷 日常开发中经常用到@Transaction注解,那你知道它是怎么应用到你的业务代码中的吗?本篇文章将从以下两个方面阐述Spring事务实现原理: 解析并加载事务配置:本质上是解析xml文件将标签 ...
- oracle之三 自动任务调度
Oracle 自动任务调度 13.1 Oracle任务调度概述 在Oracle中任务调度指某一(组)执行程序在特定的时间被周期性的执行.Oracle把任务调度称为job(作业). Advanced S ...
- 【深入理解Linux内核架构】6.6 资源分配
一段摘自<Linux设备驱动程序>的话: 每种外设都通过读写寄存器进行控制.大部分外设都有多个寄存器,不管是内存地址空间还是I/O地址空间,这些寄存器的访问地址都是连续的. 在硬件层,内存 ...
- 蒲公英 · JELLY技术周刊 Vol.22: npm i react-router@6.0.0-beta.0
蒲公英 · JELLY技术周刊 Vol.22 近期 React Router 已经释出了 6.x 的 beta 版本,正式版本已经不远了,作为 React 生态中的重要组成部分,React Route ...
- 分布式系统监视zabbix-安装
zabbix概述 Zabbix是什么 Zabbix 是由Alexei Vladishev创建,目前由Zabbix SIA在持续开发和支持. Zabbix 是一个企业级的分布式开源监控方案. Zabbi ...