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