build

函数#xff0c;开发者需在该函数内以链式调用的方式进行基本的

Component

alignItems定义子组件在交叉轴即Column的垂直方向上的对齐方式。

可选值有

stretch默认值拉伸子组件以填充交叉轴。

start子组件在交叉轴的起始位置对齐。

center子组件在交叉轴上居中对齐。

end子组件在交叉轴的结束位置对齐。

justifyContent定义子组件在主轴即Column的水平方向上的对齐方式。

可选值有

start子组件在主轴的起始位置对齐。

center子组件在主轴上居中对齐。

end子组件在主轴的结束位置对齐。

space-between子组件在主轴上均匀分布第一个子组件在起始位置最后一个子组件在结束位置。

space-around子组件在主轴上均匀分布每个子组件周围分配相同的空间。

space-evenly子组件在主轴上均匀分布包括起始和结束位置。

wrap定义子组件是否可以在必要时换行。

默认值为nowrap即不换行。

如果设置为wrap则子组件可以在必要时换行。

backgroundImage设置Column组件的背景图片。

backgroundColor设置Column组件的背景颜色。

使用示例

可以添加更多的子组件}.width(100%).height(500).justifyContent(FlexAlign.SpaceBetween)

布局容器组件——Row行组件

Row组件是一个用于水平排列子组件的布局容器。

Row组件的属性和Column组件的属性几乎相同只是列子组件的方向不同使用示例

build()

{Text(左边的子组件).fontSize(16).width(50%).textAlign(TextAlign.Start);Text(右边的子组件).fontSize(16).width(50%).textAlign(TextAlign.End);}