學習筆記（三十三）：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) // 空白