Flutter 相关组件简单记录

2022-09-20  本文已影响0人  是我的是你的

新学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:绝对布局

上一篇 下一篇

猜你喜欢

热点阅读