首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Flutter
IAM17
创建于2022-01-16
订阅专栏
组件,原理,技巧
等 168 人订阅
共76篇文章
创建于2022-01-16
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
【绘制 Widget】ColoredBox
ColoredBox 先绘制颜色,然后再绘制 child。我们大多时候都直接用 Container了。但是如果只是增加一个背景色,还是用 ColoredBox 为好。
flutter 滚动的基石 Scrollable
scrollable 是一个 widget,提供滚动的功能。虽然很少会直接使用 scrollable,但是掌握 scrollable, 对掌握使用它的 ListView 等组件会有极大的帮助。
Flutter Button 实例
本文列举一些常用的 button 效果,以便在用到的时候方便使用。因为 ElevatedButton 最常用,所以大多以 ElevatedButton 举例。
使用 Flutter Button
改变 button style 主要有两种方法,styleFrom,ButtonStyle。 styleFrom styleFrom 是静态方法,内部调用 ButtonStyle。
【文本 widget】Flutter RichText
RichText 是绘制文本的核心 widget,Text 只是 RichText 的包装而已。文本这块还是相当复杂的,本文介绍一些基本的用法。
【交互 widget】Flutter Dialog
Dialog 是 material 风格的 widget。Dialog 定义了 最基本的属性。可以直接使用 Dialog 自定义 Dialog 的内容。
如何写 dart 注释
无论对于哪门语言,写注释都是很难的,但是难也得写。可能你在设计程序的时候灵光一闪,想到了一个绝佳的思路,但是过了半年一年之后,可能这个思路就想不起来了,代码也看不懂了,更不要说别人能看懂你的代码了。
【每日 widget】 Flutter InheritedWidget
InheritedWidget 可以让 child 共享数据。页面不复杂变化不是很频繁,可以用 InheritedNotifier 。如果有一部分变化非常频繁,可以用 InheritedModel。
【交互 widget】Flutter Slider
Slider 是 一个 Material Design widget,用于从一个范围中选定一个值。 Flutter Slider 介绍 slider 可以从连续的值中选值,也可以从非连续的值中选值。
【布局 widget】Flutter CustomSingleChildLayout
作为 single child 布局组件的收关之作,CustomSingleChildLayout 可以很大限度的自定义组件的各个方面。
【交互 widget】 Flutter BottomSheet
BottomSheet 是一个 Material Design StatefulWidget。可以和用户进行交互。
【绘制 widget】Flutter DecratedBox
DecratedBox 只是包了个 widget 的皮,真正如何绘制一般是由 BoxDecoration(也可以由其它 decoration 的子类) 来决定的。
【绘制 widget】Flutter Transform
绘制 child 之前 Transform 会对 child 进行平移,旋转缩放等变换。Transform 不会对 size 造成影响。
使用 dart extension
dart extension 的使用场景是无法修改原类的时候,通过扩展的方式来增加原类的方法和属性。
【交互 widget】 Flutter Dismissible
Dismissible,一个可以用拖动的方式触发删除的 widget,是一个 StatefulWidget ,通过组合很多基础 widget 来实现功能。
使用 Flutter LinearGradient
LinearGradient 是 2D 线性渐变。begin,end 决定了渐变的起点和终点,是比例值,所以无论应用在多大尺寸的目标上都没有问题。
使用 Flutter SystemChrome
SystemChrome 控制操作系统图形界面的特定方面以及它如何与应用程序交互。需要注意的是在使用的时候一定要保证先执行 WidgetsFlutterBinding.ensureInitialize
【绘制 widget】Flutter CustomPaint
Flutter CustomPaint 提供了一个 canvas,可以在绘制阶段在上面进行绘制内容。
【布局 widget】ConstrainedBox 与 UnconstrainedBox
ConstrainedBox 可以在父约束的允许范围内修改 child 的约束。 UnConstrainedBox 是用来放开约束的,传给 child 的约束是 0 到 infinity。
在 dart 中使用 equatable
equatable 帮我完成 `operator ==` 和 `hashCode`复写的工作。只需要我们给出需要判断的属性即可。
下一页