Icon

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

Stack

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

Positioned

Positioned是以top, left 方向进行定位的子组件, 它通过top, left 来定位到父组件的位置进行布局, 如
Flutter Icon Stack LIsttitle...学习总结3
图标Icons.search 距离父标签上边距 20 左边距 10 的位置,

Align

Align 组件是以 X,Y 轴进行定位的, 如:
Flutter Icon Stack LIsttitle...学习总结3

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

Listtitle

Listtitle 是一个类似于新闻的块布局,
Flutter Icon Stack LIsttitle...学习总结3

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

CircleAvatar

CircleAvatar是一个头像组件,它和ClipOval 都是可以将图片转成圆形的, 不过CircleAvatar是自动适应大小的,ClipOval 需要自己设置大小
Flutter Icon Stack LIsttitle...学习总结3
可以看到,CircleAvatar 更适合当头像, ClipOval 大小需要自己设置

card

Card 卡片组件, 就是将当前内容以卡片的形式展示,可以设置圆角和阴影,看起来更有立体感
Flutter Icon Stack LIsttitle...学习总结3
可以看到,第一个卡片组件的立体感很强, 有圆角和阴影

相关文章:

  • 2021-08-19
  • 2021-12-02
  • 2021-06-28
  • 2021-06-28
  • 2022-12-23
  • 2021-10-15
  • 2022-12-23
  • 2021-09-29
猜你喜欢
  • 2021-07-16
  • 2021-04-23
  • 2022-12-23
  • 2021-06-03
  • 2021-04-08
  • 2021-09-21
  • 2021-10-13
相关资源
相似解决方案