学习笔记（三十三）：ArkUi-Blank (空白)

概述：

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

仅当父组件为Row/Column/Flex时生效。

一、定义：

Blank(min?: number | string)

min: 非必填，空白填充组件在容器主轴上的最小大小，默认值：0

 

二、属性：

color，设置空白填充的填充颜色。

使用示例：

@Entry
@Component
struct BlankDividerExample {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Row() {
        Text('这是标题')
          .fontWeight(FontWeight.Bold)
        Blank() // 空白
        Text('这是内容')
      }
      .width('100%')
      .justifyContent(FlexAlign.Center)
      .padding(10)
      .backgroundColor(Color.Grey)
    }
    .height('100%')
  }
}

给空白设置颜色：

Blank().color(Color.Red) // 空白