Stack组件的功能和用法


我们在上一章回中介绍了GirdView Widget,本章回中将介绍Stack这种Widget,闲话休提,让我们一起Talk Flutter吧。

在这里插入图片描述

1 概念介绍

在Flutter中Stack主要用来叠加显示其它的Widget,类似我们日常生活中的楼层或者说PS中的图层,因此它也是一种布局类widget.

2 使用方法

在Flutter中通过Stack类表示Stack Widget,它和其它的Widget一样使用类的属性(或者叫成员变量)来控制界面显示,我们只需要给构造方法中的命名参数赋值就
可以。常用的属性如下:

  • children属性用来包含每一层的widget;
  • aliment属性用来控制某个没有定位的widget在Satck中的位置;
    如果觉得aliment属性不方便,也可以Position Widget来控制位置,它和Container Widget属性类似,可以包含其它Widget,并且对被包含的Widget进行位置调整。

3 示例代码

Widget stackEx = Stack(
  //这个偏移只对没有设置位置的widget起作用
  //(0,0)是中央位置
  // alignment: const Alignment(0.0,0.0),
  alignment: Alignment.center,
  children: [
    const CircleAvatar(
      backgroundColor: 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

talk_8

真诚赞赏,手有余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值