北极星遗留的堆栈
这是Stack组件的遗留版本，它正在被更新为更灵活和可组合的API。用于布置组件的水平排或实现无干扰的垂直定心。堆栈由灵活的项组成，这些项包装了堆栈的每个子节点。选项提供了对堆栈中项的换行、间距和相对大小的控制。
遗产
这是一个遗留组件，将被弃用。新VerticalStack组件可以与新的布局原语结合使用，以获得与LegacyStack相似的结果。进一步了解我们的组件生命周期．
用于快速布局组件的水平行并保持它们的相对大小。在小屏幕上，子行根据需要折叠成额外的行。
进口{LegacyStack，徽章}从“@shopify /北极星”；进口反应从“反应”；函数LegacyStackExample（）{返回（<LegacyStack><徽章>支付</徽章><徽章>处理</徽章><徽章>实现了</徽章><徽章>完成</徽章></LegacyStack>）；}道具
想让这个功能变得更好吗?请分享你的反馈．
接口
LegacyStackProps
- 孩子们？ 反应．ReactNode
-
要在堆栈内显示的元素。
- 包装？ 布尔
-
在小屏幕上，根据需要将堆栈元素换行到其他行(默认为true)。
- 垂直？ 布尔
-
垂直堆叠元素。
- 间距？ “extraTight”|“紧”|“baseTight”|“宽松”|“extraLoose”|“没有”
-
调整元素之间的间距。
- 对齐？ “领导”|“拖尾”|“中心”|“填满”|“基线”
-
调整元素的垂直对齐。
- 分布？ “equalSpacing”|“领导”|“拖尾”|“中心”|“填满”|“fillEvenly”
-
调整元素的水平对齐。
最佳实践
栈应该:
- 当您希望一行组件在小屏幕宽度上换行时，用于小规模布局任务
- 用于将两个元素垂直居中
- 不能用于复杂或独特的组件安排
- 不能用于大规模的页面布局
堆栈项
堆栈组件将把包装在堆栈项组件中的多个元素视为一个项。默认情况下，每个单独的元素被视为一个堆栈项。在单个堆叠项组件上使用填充道具，使其填充剩余的可用水平空间。参见“堆栈中单个元素填充剩余空间”示例。
堆栈项属性
| 道具 | 类型 | 描述 | 默认的 |
|---|---|---|---|
| 填满 | 布尔 | 用项目填充堆栈中可用的水平空间 | 假 |
| 孩子们 | 任何 | 要在堆栈项内显示的元素 |
相关的组件
- 为了创建大规模的页面结构，使用布局组件
可访问性
堆栈组件仅用于对齐，不提供任何辅助技术的结构信息。要传达特定项之间的关系，请考虑使用列表组件．