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