【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 撸一遍..知道它大概的用法.效果.当你想做某个 ...
随机推荐
- B - The Staircases (dp)
One curious child has a set of N little bricks. From these bricks he builds different staircases. St ...
- Combine 框架，从0到1 —— 4.在 Combine 中使用通知
本文首发于 Ficow Shen's Blog,原文地址: Combine 框架,从0到1 -- 4.在 Combine 中使用通知. 内容概览 前言 让通知处理代码使用 Combine 总结 ...
- Splay 记录
luogu 模板 P3391 [模板]文艺平衡树(Splay). 知识点:1.splay模板题,练习splay,rotate顺序:x变成z的儿子,x的一个儿子变为y的一个儿子(具体哪个看代码),y变为 ...
- 20190917-02Linux网络配置 000 003
重启网络 最后reboot重启系统 继续ping 自己的window电脑的ip ctrl+C结束 继续在windows电脑上ping虚拟机上的linux系统
- 发送post请求
题目: http://123.206.87.240:8002/post/ Brup抓包 1.修改Get 为 POST 2.添加 Content-Type: application/x-www-form ...
- leetcode刷题-73矩阵置零
题目 给定一个 m x n 的矩阵,如果一个元素为 0,则将其所在行和列的所有元素都设为 0.请使用原地算法. 示例 1: 输入: [ [1,1,1], [1,0,1], [1,1,1]]输出: ...
- python基础 格式化输出
格式化输出 '%s %d %.2f' % ('Novak', 33, 1.88) 需要逗号
- Vue cli4 图片地址引入的几种方式
五种图片地址引入方式 @开头,它也会作为一个模块请求被解析.它的用处在于Vue CLI默认会设置一个指向项目根目录/src的别名@
- React 和 VUE 的区别和优缺点
前言 React 是由Facebook创建的JavaScript UI框架,React推广了 Virtual DOM( 虚拟 DOM )并创造了 JSX 语法.JSX 语法的出现允许我们在 javas ...
- Linux宏：__ASSEMBLY__
汇编:assembly 猜测:所以这个宏跟汇编有关?! 引用:某些常量宏会同时被C和asm引用,而C与asm在对立即数符号的处理上是不同的.asm中通过指令来区分其操作数是有符号还是无符号的,而不是通 ...