如何创建层次式布局
我们在上一章回中介绍了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
原文地址:https://blog.csdn.net/talk_8/article/details/145157075
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!