MujicaUI/docs/components/005-stack.md

005 Stack 堆叠

用途

按横向或纵向排列子元素，统一间距、对齐与换行。用 StackItem 包裹可隐藏的子项，隐藏时不占位置也不留间距。

最小示例

mujica.Stack(c, mujica.StackOptions{Horizontal: true, Gap: mujica.SpaceM}, func() {
	mujica.Button(c, "Save", mujica.ButtonOptions{})
	mujica.StackItem(!showDraft, func() { mujica.Button(c, "Draft", mujica.ButtonOptions{Variant: mujica.Secondary}) })
	mujica.Button(c, "Cancel", mujica.ButtonOptions{Variant: mujica.Ghost})
})

签名：

• func Stack(c *ui.Context, opts StackOptions, children func()) *ui.Element
• func StackItem(hidden bool, build func())

参数

字段	类型	默认值	含义
Horizontal	bool	false	横向排列；否则纵向。
Gap	Space	SpaceS（2 单位）	子项间距，随密度缩放。
Align	StackAlign	StackAlignAuto	交叉轴对齐：Auto（纵向拉伸、横向居中）、Start、Center、End、Stretch；非法值 panic。
Justify	ui.Align	ui.Start	主轴分布：Start、Center、End、SpaceBetween、SpaceAround、SpaceEvenly。
Wrap	bool	false	横向换行；纵向时设置会 panic。

StackItem：hidden 为 true 时不构建 build，因此既不占空间也不产生间距。build 为 nil 时 panic。

状态

布局组件，无交互状态。

事件

无。

键盘操作

不获取焦点；Tab 顺序即子项构建顺序。

限制

• 隐藏项不会被构建，其内部界面状态（如未提交的输入）随之丢弃；需要保留时把状态放在应用中。
• 只有横向支持换行。