鸿蒙ArkUI Blank组件的用法（附带实例）

Blank 是空白填充组件，在容器主轴方向上，空白填充组件具有自动填充容器空余部分的能力。

需要注意的是，Blank 组件仅当其父组件为 Row/Column，且父组件设置了宽度才生效。以下示例展示了 Blank 父组件 Row 未设置宽度以及设置了宽度的效果对比。

// Blank父组件Row未设置宽度时，子组件间无空白填充
Row() {
    Text('Left Space').fontSize(24)
    Blank()
    Text('Right Space').fontSize(24)
}

// Blank父组件Row设置了宽度时，子组件间以空白填充
Row() {
    Text('Left Space').fontSize(24)
    Blank()
    Text('Right Space').fontSize(24)
}.width('100%')

界面效果如下图所示：


第一行 Row 由于未设置宽度，所以导致 Blank 未生效。

Blank 支持 color 属性，用来设置空白填充的填充颜色。示例如下：

Row() {
    Text('Left Space').fontSize(24)

    // 设置空白填充的填充颜色
    Blank().color(Color.Yellow)

    Text('Right Space').fontSize(24)
}.width('100%')

上述示例中，Blank组件设置了黄色作为空白填充，界面效果如下图所示：