Column 列

## MbColumn 列
布局，用于垂直布局，子控件垂直布局。主要在于样式的配置

![](/media/202405/2024-05-10_164145_330283.png)

### 布局说明

![](/media/202405/2024-05-10_164219_243908.png)

### 主轴对齐
justifyContent描述了如何在其容器的主轴内对齐子项。例如，可以使用此属性在设置为 的容器内水平居中子项，或在设置为 的容器内垂直居中子项。flexDirectionrowflexDirectioncolumn

- flex-start(默认值）将容器的子项与容器主轴的起点对齐。
- flex-end将容器的子项与容器主轴的末尾对齐。
- center将容器的子项对齐在容器主轴的中心。
- space-between在容器的主轴上均匀地将儿童隔开，将剩余的空间分配到儿童之间。
- space-around在容器的主轴上均匀地将儿童隔开，将剩余的空间分布在儿童周围。与 相比，使用将导致空间分布到第一个子项的开头和最后一个子项的末尾。space-betweenspace-around
- space-evenly沿主轴均匀分布对齐容器内的子项。每对相邻项之间的间距、主起始边和第一项以及主端边和最后一项的间距都完全相同。

### 次轴对齐
alignItems描述如何沿其容器的交叉轴对齐子项。对齐项目与"对齐项"非常相似，但不是应用于主轴，而是应用于十字轴。justifyContentalignItems

- stretch (默认值）拉伸容器的子项以匹配容器的交叉轴。height
- flex-start将容器的子项与容器的交叉轴的起点对齐。
- flex-end将容器的子项与容器的交叉轴的末尾对齐。
- center将容器的子项对齐在容器的十字轴的中心。
- baseline将容器的子项沿公共基线对齐。可以将单个孩子设置为其父母的参考基线。

### 事件

| 事件名 | 说明 | 回调参数 |
| ------------ | ------------ |---|
| onPress | 单击执行方法 | 无 |

### 函数

| 函数名    | 说明     | 参数                         |
|--------|--------|----------------------------|
| show   | 显示     | 无                          |
| hide   | 隐藏     | 无                          |
| hidden | 是否显示隐藏 | isHide :boolean true false |