关于flutter:Flutter-Widgets大全电子书开源

36次阅读

共计 6781 个字符,预计需要花费 17 分钟才能阅读完成。

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

正文完
 0