新学Flutter,但是太琐碎了!新人完全不知道有什么组件有什么用,这边汇总给自己记录下遇到的一些小组件
随手记,不定时更新:
Expanded:组件是flutter中使用率很高的一个组件,它可以动态调整child组件沿主轴的尺寸,比如填充剩余空间,比如设置尺寸比例。它常常和Row或Column组合起来使用,主要使用flex属性填充,倍数或平分布局。
详情讲解: https://blog.csdn.net/devnn/article/details/105892081
EdgeInsets:数值为double
填充/边距,提供方法有
left:左 ; top:上; right:右 ;bottom:下
only({ left ,top , right, bottom }):可以设置具体某个方向的填充,也可以是多个方向
使用方式:EdgeInsets.only(left : 0.0)
all:所有方向均使用相同数值填充
使用方式:EdgeInsets.all(0.0)
symmetric({ vertical, horizontal }):用来设置对称方向的填充,vertical(垂直方向):top和bottom ;horizontal(水平方向): left 和 right
使用方式:EdgeInsets.symmetric(horizontal:0.0) 、
InkWell:用户点击时会出现水波纹效果
FractionallySizedBox:
Card: 可以设置卡片阴影
GestureDetector 和 InkWell 都是点击按钮,但是GestureDetector的 属性更丰富
ClipRRect: 圆角剪切
Positioned用于定位Stack子组件,Positioned必须是Stack的子组件
Stack: 堆叠布局.
比如开发中需要用户头像上面添加一个特殊标识,就需要是用到堆叠布局就使用Stack。
NestedScrollView: 粘性滚动头部,滑动组件是用来处理复杂情况下的滑动应用场景,如向上滑动视图时,要折叠隐藏一部分内容,这时候就需要使用到 NestedScrollView 与 SliverAppBar 的结合使用
Divider: 是 flutter 提供的一个非常简单的分割线组件
BackdropFilter:高斯模糊效果
Positioned:绝对布局
网友评论