Flutter Widgets
分享
扫一扫
包含了160多种Flutter控件的详细介绍及使用。
优惠券已抵扣
余额抵扣
还需支付
¥9.90
¥99.00
购买须知?
本专栏为图文内容，最终完结不会低于15篇文章。
订阅专栏，享有专栏所有文章阅读权限。
本专栏为虚拟商品，基于网络商品和虚拟商品的性质和特征，专栏一经购买无正当理由不予退款，不支持升级，敬请谅解。
老孟Flutter
出版《Flutter 实战入门》一书，专注分享Flutter原理及实践应用，个人博客地址:http://laomengit.com
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
《Flutter 控件大全》第一零二：Wrap
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。Wrap可以为子控件进行水平或者垂直方向布局，且当空间用完时，Wrap会自动换行，也是常说的...原创 2020-04-04 15:33:40 · 1002 阅读 · 0 评论 -
《Flutter 控件大全》第一零一：ValueListenableBuilder
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。在开发应用程序的时候有些数据是全局的，贯穿整个应用程序，比如用户信息，我们希望当这些数据发生...原创 2020-04-04 15:33:02 · 3978 阅读 · 1 评论 -
《Flutter 控件大全》第一零零：TweenAnimationBuilder
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。开发App中有时需要一个简单的动画，可以通过AnimationController实现，但比...原创 2020-04-04 15:32:09 · 1412 阅读 · 0 评论 -
《Flutter 控件大全》第九十九：Transform
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。Transform可以对子组件进行变化，比如旋转、平移、缩放等。基本用法：return ...原创 2020-04-04 15:31:20 · 1020 阅读 · 1 评论 -
《Flutter 控件大全》第九十八：Tooltip
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。Tooltip是一个消息提示组件，当用户点击或者长按时显示提示，在屏幕阅读器能够使它语音化，...原创 2020-04-04 15:30:45 · 949 阅读 · 0 评论 -
《Flutter 控件大全》第九十七：ToggleButtons
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。ToggleButtons组件将多个组件组合在一起，并让用户从中选择，ToggleButto...原创 2020-04-04 15:30:01 · 1955 阅读 · 0 评论 -
《Flutter 控件大全》第九十六：TextField、EditableText、TextInput
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。EditableTextEditableText是一个基本的文本输入组件，此组件和Text...原创 2020-04-04 15:29:28 · 4110 阅读 · 1 评论 -
《Flutter 控件大全》第九十五：TextAlign
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。TextAlign设置文本的对齐方式，用法如下：Container( height: ...原创 2020-04-04 15:28:23 · 759 阅读 · 0 评论 -
《Flutter 控件大全》第九十四：Text
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。Text是显示文本的组件，最常用的组件，都没有之一。基本用法如下：Text('老孟，一枚有...原创 2020-04-04 15:27:33 · 430 阅读 · 0 评论 -
《Flutter 控件大全》第九十三：Table
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。Table组件是一个表格组件，适合不滑动的网格控件，尤其是如果拥有不同大小的小控件。嵌套的行...原创 2020-04-04 15:26:56 · 969 阅读 · 0 评论 -
《Flutter 控件大全》第九十二：TabBar 和 TabBarView
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。TabBar 是一排水平的标签，可以来回切换，效果图：属性说明tab...原创 2020-04-04 15:26:23 · 825 阅读 · 0 评论 -
《Flutter 控件大全》第九十一：Switch、SwitchListTile、CupertinoSwitch
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。SwitchSwitch为material风格的开关组件，基本用法如下：var _swi...原创 2020-04-04 15:25:34 · 863 阅读 · 0 评论 -
《Flutter 控件大全》第九十：StreamBuilder
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。StreamBuilder组件用于异步接收数据更新组件，与FutureBuilder不同的地...原创 2020-04-04 15:24:30 · 2012 阅读 · 0 评论 -
《Flutter 控件大全》第八十九：Stack 和IndexedStack
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。StackStack组件可以将子组件叠加显示，根据子组件的顺利依次向上叠加，用法如下：S...原创 2020-04-04 15:23:55 · 1747 阅读 · 0 评论 -
《Flutter 控件大全》第一零三：SnackBar
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。基础用法应用程序有时候需要弹出消息提示用户，比如‘网络连接失败’、‘下载成功’等提示，就像...原创 2020-04-04 15:23:02 · 555 阅读 · 0 评论 -
《Flutter 控件大全》第八十八：SliverList 和 SliverGrid
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。要同时滚动ListView和GridView的时候可以使用SliverList和Sliver...原创 2020-04-04 15:22:30 · 5222 阅读 · 0 评论 -
《Flutter 控件大全》第八十七：SliverAppBar
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。SliverAppBar控件可以实现页面头部区域展开、折叠的效果，类似于Android中的C...原创 2020-04-04 15:21:46 · 841 阅读 · 0 评论 -
《Flutter 控件大全》第八十六：SlideTransition
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。SlideTransition平移动画，用法如下：class AnimationDemo...原创 2020-04-04 15:21:14 · 1163 阅读 · 0 评论 -
《Flutter 控件大全》第八十五：Slider 和CupertinoSlider
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。SliderSlider可以快速的从一系列值中做出选择，Slider需要设置value和o...原创 2020-04-04 15:20:36 · 1320 阅读 · 0 评论 -
《Flutter 控件大全》第八十四：SizeTransition
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。SizeTransition尺寸控件动画，并不是控制子控件的尺寸，而是父控件，用法如下：...原创 2020-04-04 15:19:51 · 1458 阅读 · 0 评论 -
《Flutter 控件大全》第八十三：showDialog、showCupertinoDialog、showSearch、showMenu等
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。showDialogshowDialog 用于弹出Material风格对话框，基本用法如下...原创 2020-04-04 15:19:04 · 4594 阅读 · 0 评论 -
《Flutter 控件大全》第八十二：ShaderMask
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。ShaderMask可以让我们将Shader用于任何一个控件上，比如在Text上使用渐变就可...原创 2020-04-04 15:17:21 · 731 阅读 · 0 评论 -
《Flutter 控件大全》第八十一：SelectableText
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。想象一下，应用程序中的文本可以被选中，并可以复制、剪切是不是很酷炫，SelectableTe...原创 2020-04-04 15:16:41 · 3674 阅读 · 1 评论 -
《Flutter 控件大全》第八十：ScaleTransition
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。ScaleTransition缩放子控件动画，用法如下：class AnimationD...原创 2020-04-04 15:16:04 · 1519 阅读 · 0 评论 -
《Flutter 控件大全》第七十九：Scaffold
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。ScaffoldScaffold实现了Material风格的基本布局结构，它提供了展示dr...原创 2020-04-04 15:15:25 · 382 阅读 · 0 评论 -
《Flutter 控件大全》第七十八：SafeArea
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。现如今的手机已经不能提供给应用程序规整的矩形界面了，一些带圆角或者是刘海屏让应用程序的布局更...原创 2020-04-04 15:14:42 · 657 阅读 · 0 评论 -
《Flutter 控件大全》第七十七：RotationTransition
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。RotationTransition旋转子控件动画，用法如下：class Animati...原创 2020-04-04 15:14:06 · 705 阅读 · 0 评论 -
《Flutter 控件大全》第七十六：RichText
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。基础用法应用程序离不开文字的展示，因此文字的排版非常重要，通常情况下Text组件可以完成绝...原创 2020-04-04 15:13:27 · 512 阅读 · 0 评论 -
《Flutter 控件大全》第七十五：ReorderableListView
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。ReorderableListView是通过长按拖动某一项到另一个位置来重新排序的列表组件。...原创 2020-04-04 15:12:50 · 1199 阅读 · 0 评论 -
《Flutter 控件大全》第七十四：RelativePositionedTransition
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。RelativePositionedTransition定位控件动画，用在Stack子组件...原创 2020-04-04 15:12:14 · 765 阅读 · 0 评论 -
《Flutter 控件大全》第七十三：RefreshIndicator 和 CupertinoSliverRefreshControl
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。RefreshIndicatorRefreshIndicator是Material风格的下...原创 2020-04-04 15:11:34 · 1602 阅读 · 0 评论 -
《Flutter 控件大全》第七十二：Radio 和RadioListTile
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。Radio为单选控件，基本用法如下：var _radioValue = '1';var ...原创 2020-04-04 15:10:32 · 524 阅读 · 0 评论 -
《Flutter 控件大全》第七十一：LinearProgressIndicator、CircularProgressIndicator、RefreshProgressIndicator
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。LinearProgressIndicator水平进度指示器，基本用法如下：Linear...原创 2020-04-04 15:09:25 · 760 阅读 · 0 评论 -
《Flutter 控件大全》第七十个：PositionedTransition
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。PositionedTransition定位控件动画，用在Stack子组件中，用法如下：...原创 2020-04-04 15:07:55 · 619 阅读 · 0 评论 -
《Flutter 控件大全》第六十九个：PositionedDirectional
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。PositionedDirectional用于定位Stack子组件，PositionedDi...原创 2020-04-04 15:07:09 · 881 阅读 · 0 评论 -
《Flutter 控件大全》第六十八个：Positioned
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。Positioned用于定位Stack子组件，Positioned必须是Stack的子组件，...原创 2020-04-04 15:06:27 · 1238 阅读 · 0 评论 -
《Flutter 控件大全》第六十七个：Placeholder
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。Placeholder是一个占位符控件，用于当没有准备好构建组件时，可以使用Placehol...原创 2020-04-04 15:05:48 · 649 阅读 · 0 评论 -
《Flutter 控件大全》第六十六个：PageView
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。PageView控件可以实现一个“图片轮播”的效果，PageView不仅可以水平滑动也可以垂...原创 2020-04-04 15:04:47 · 1041 阅读 · 0 评论 -
《Flutter 控件大全》第六十五个：Padding
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。Padding提供设置内边距的组件，用法非常简单：Padding( padding: ...原创 2020-04-04 15:04:00 · 378 阅读 · 0 评论 -
《Flutter 控件大全》第六十四个：Opacity
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。OpacityFlutter中移除一个控件非常容易，只需要在重新创建中移除即可，如果想要移...原创 2020-04-04 15:03:25 · 358 阅读 · 0 评论