【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】：