专栏首页Flutter【Flutter Widgets大全】电子书开源

【Flutter Widgets大全】电子书开源

【Flutter Widgets大全】是老孟耗费大量精力整理的,总共有330多个组件的详细用法,开源到Github上,希望可以帮助到大家,开源不易,转发一下可不可以?。

Flutter Widgets

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

还整理了大量 Widgets 的继承关系图:

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

RenderObjectWidget及其子类共有89个:

ProxyWidget及其子类共有34个:

StatelessWidget及其子类共有89个:

StatefulWidget的子类最多,高达141个

本文分享自微信公众号 - 老孟Flutter(lao_meng_qd),作者:老孟Flutter

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-10-12

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Flutter Widgets 之 FutureBuilder

    当有一个Future(异步)任务需要展示给用户时,可以使用FutureBuilder控件来完成,比如向服务器发送数据成功时显示成功提示:

    老孟Flutter
  • Flutter —布局系统概述

    最近,我决定专注于Flutter基础知识。这次,我试图更好地理解“布局系统的工作原理”,并回答以下问题:

    老孟Flutter
  • Flutter 动画鼻祖之CustomPaint

    老孟导读:CustomPaint可以称之为动画鼻祖,它可以实现任何酷炫的动画和效果。CustomPaint本身没有动画属性,仅仅是绘制属性,一般情况下,Cust...

    老孟Flutter
  • 推荐一款在线工具-程序员的工具箱

    王小婷
  • 如何使用python记录室友的抖音在线时间

    今天给大家分享一篇有趣的文章,灵感来自于前几天与室友的聊天,他告诉我抖音可以实时显示人的在线情况,如下图:

    砸漏
  • 推荐一款特别厉害的在线工具,程序员的百宝箱

    今天发现了一款特别厉害的程序员在线工具网站,堪称程序员的百宝箱。可支持在线运行php、c、c++、go、python、java等主流语言,页面简单明了,通俗易懂...

    谭庆波
  • 数据会说话 | 疫情期间大学生上网课效果如何?

    新冠疫情期间,为响应教育部的“停课不停学”,各高校学生在疫情期间通过网络在线学习课程。本文对疫情期间的大学生在线学习效果及影响因素进行调查分析,一方面有利于掌握...

    朱小五
  • 开发者如何在三年内快速成长为公司核心技术人员

    一个好的程序员不仅要会写出好的代码还要善于利用工具来提高自己的效率,而除了我们常用的IDE工具以外,其实还有很多好用的在线工具,今天小编就推荐几个好用的开发在线...

    Java编程指南
  • 学界 | 在线深度学习:在数据流中实时学习深度神经网络

    机器之心
  • ZOOKEEPER集群搭建及测试

    ①. zk是由java编写的需要java运行环境,所以大家首先要安装JDK 具体安装步骤,不再赘述      ②. 首先进入zk的conf目录,将zoo_sam...

    用户1215919

扫码关注云+社区

领取腾讯云代金券