【Flutter Widgets大全】電子書開源
2020-10-13 11:00:25
【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】：
 |  |