【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页,不知不觉已经整理了如此多的资料。

flutter

继承关系图

先来看一下组件整体继承关系图。

Widget的直接子类,仅仅4个(其实还有一个抽象类)

image-20200602160938260

RenderObjectWidget及其子类共有89个:

RenderObjectWidget

ProxyWidget及其子类共有34个:

ProxyWidget

StatelessWidget及其子类共有89个:

StatelessWidget

StatefulWidget的子类最多,高达141个

StatefulWidget

PDF资料获取:https://github.com/781238222/flutter-do

交流

老孟Flutter博客(330个控件用法+实战入门系列文章):http://laomengit.com

你可能感兴趣的:(【Flutter Widgets大全】电子书开源)