Flutter Icon Stack LIsttitle...学习总结3

Icon

Icon是一个图标组件, Flutter 内置了很多图片, 具体可以到 https://blog.csdn.net/boywcx/article/details/85051967
博客上进行浏览
在Icon组件中也可以设置大小和颜色的

Stack

Stack 是一个绝对定位的组件,可以定位在父组件下的任意位置

Positioned

Positioned是以top, left 方向进行定位的子组件, 它通过top, left 来定位到父组件的位置进行布局, 如
在这里插入图片描述
图标Icons.search 距离父标签上边距 20 左边距 10 的位置,

Align

Align 组件是以 X,Y 轴进行定位的, 如:
在这里插入图片描述

可以看到, 在 Align组件中可以用 alignment 来对X,Y轴坐标进行定位, 在 alignment中是有浮点数的,
0,0 坐标在父组件的正中间,可以通过负或正浮点数对父组件进行定位布局

Listtitle

Listtitle 是一个类似于新闻的块布局,
在这里插入图片描述

可以看到, 在左边可以设置图片或图标,右边也可以设置图片或图标,

CircleAvatar

CircleAvatar是一个头像组件,它和ClipOval 都是可以将图片转成圆形的, 不过CircleAvatar是自动适应大小的,ClipOval 需要自己设置大小
在这里插入图片描述
可以看到,CircleAvatar 更适合当头像, ClipOval 大小需要自己设置

card

Card 卡片组件, 就是将当前内容以卡片的形式展示,可以设置圆角和阴影,看起来更有立体感
在这里插入图片描述
可以看到,第一个卡片组件的立体感很强, 有圆角和阴影

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值