占位 Blank
撑剩余空间的占位组件。横排里撑横向、竖排里撑竖向,把后续节点推到容器另一端。
用法
最常见的场景:把同一行里的两个内容推开(左 + 右两端对齐):
横排 (Row)
├─ 文本 (Text, content = "标题")
├─ 占位 (Blank) ← 撑开
└─ 文本 (Text, content = "26°")
渲染:
┌─────────────────────┐
│ 标题 26° │
└─────────────────────┘
属性
| 属性 | 类型 | 说明 |
|---|---|---|
min | length | 最小占位大小;数字按 vp,字符串可写 "10px" / "10vp" / "10fp" / "10lpx" |
不支持百分比 / 负值
min 字段写 50% 或负数会被忽略(运行时兜底为 0)。占位的语义是「至少多大,实际更大」,百分比表达不出来。
例:三列均分
横排 (Row)
├─ 文本 (Text, content = "A")
├─ 占位 (Blank)
├─ 文本 (Text, content = "B")
├─ 占位 (Blank)
└─ 文本 (Text, content = "C")
两个 占位 会均分剩余空间,A / B / C 三等分对齐。
注意事项
比 spacer 简单
没有共享的布局 / 视觉字段(width / height / padding / backColor 等)。只有一个 min,行为单纯。做规整布局时尽量用 占位,不要手算每个子节点的 width 百分比。