【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.基本数据类型 数据 ...
- OpenResty 作者章亦春访谈实录
[软件简介] OpenResty (也称为 ngx_openresty)是一个全功能的 Web 应用服务器.它打包了标准的 Nginx 核心,很多的常用的第三方模块,以及它们的大多数依赖项. 通过众多 ...
- python爬取拉勾网职位信息-python相关职位
import requestsimport mathimport pandas as pdimport timefrom lxml import etree url = 'https://www.la ...
- mobiscroll
https://docs.mobiscroll.com/3-2-3/jquery/calendar#!options
- JAVA JDK 环境变量配置 入门详解 - 精简归纳
JAVA JDK 环境变量配置 入门详解 - 精简归纳 JERRY_Z. ~ 2020 / 9 / 13 转载请注明出处!️ 目录 JAVA JDK 环境变量配置 入门详解 - 精简归纳 一.为什么j ...
- yum 安装提示公钥安装失败,Public key for .x86_64.rpm is not instal 手动导入公钥方案
Linux 中yum 安装google-chrome-stable时,报错如下,提示公钥安装失败,原因是 GPG公钥获取失败,无法连接获取到 https://dl-ssl.google.com/lin ...
- 云计算openstack——高可以负载均衡(14)
一.云平台概要 1.本openstack云平台使用开源软件Openstack Ocata版…… 2.OpenStack 部署环境中,各节点可以分为几类: Cloud Controller Node ( ...
- 使用SpringBoot的方式配置过滤器
springboot 不存在web.xml 那么如何配置过滤器呢 springboot提供了一种方式 通过spring容器配置 @Bean public FilterRegistrationBean ...
- 数据类型-字符串(str)
1.只要是被单引号,双引号,三引号括起来的,都是字符串类型 2.字符串里面元素:单个字母,单个符号,都称之为一个元素 例如:s='hello!' (6个元素) len(数据)统计数据的长度pri ...
- 逻辑漏洞介绍 & 越权访问攻击 & 修复建议
介绍逻辑漏洞 逻辑漏洞就是指攻击者利用业务的设计缺陷,获取敏感信息或破坏业务的完整性.一般出现在密码修改.越权访问.密码找回.交易支付金额等功能处.其中越权访问又有水平越权和垂直越权两种,如下所示. ...

