Skip to main content

占位 Blank

撑剩余空间的占位组件。横排里撑横向、竖排里撑竖向,把后续节点推到容器另一端。

用法​

最常见的场景:把同一行里的两个内容推开(左 + 右两端对齐):

横排 (Row)
 ├─ 文本 (Text, content = "标题")
 ├─ 占位 (Blank)                  ← 撑开
 └─ 文本 (Text, content = "26°")

渲染:

┌─────────────────────┐
│ 标题            26° │
└─────────────────────┘

属性​

属性类型说明
minlength最小占位大小;数字按 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 百分比。