Flutter学习笔记(23)--多个子元素的布局Widget(Rwo、Column、Stack、IndexedStack、Table、Wrap)

如需转载,请注明出处:Flutter学习笔记(23)--多个子元素布局Widget(Rwo、Column、Stack、IndexedStack、Table、Wrap)  

上一篇梳理了拥有单个子元素布局Widget,今天来梳理一下拥有多个子元素布局的Widget。

Row

Row组件常见属性如下:

mainAxisAlignment:主轴的排列方式

crossAxisAlignment:次轴的排列方式

mainAxisSize:主轴应该占据多少空间,取值max为最大,min为最小

children:组件子元素,它的本质是一个List列表

对于Row来说,水平方向是主轴,垂直方向是次轴。

首先来看一下mainAxisAlignment属性值都有哪些

enum MainAxisAlignment { start,//将子控件放在主轴开始的位置 end,//将子控件放在主轴结束的位置 center,//将子控件放在主轴中间的位置 spaceBetween,//将主轴空白位置进行均分,排列子元素,首尾没有空隙 spaceAround,//将主轴空白区域均分,使中间各个子控件间距相等,首尾子控件间距为中间子控件间距的一半 spaceEvenly,//将主轴空白区域均分,使各个子空间间距相等 }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyjjjd.html