【鸿蒙开发】系统组件Blank

鸿蒙开发arkui组件，Blank组件

d312697510

589人浏览 · 2024-04-07 17:56:28

d312697510 · 2024-04-07 17:56:28 发布

Blank组件

Blank空白填充组件，在容器主轴方向上，空白填充组件具有自动填充容器空余部分的能力。仅当父组件为Row/Column/Flex时生效。

接口：

Blank(min?: number | string)

参数：

参数名	参数类型	必填	参数描述
min	number \| string	否	空白填充组件在容器主轴上的最小大小。默认值：0 说明：不支持设置百分比。负值使用默认值。当最小值大于容器可用空间时，使用最小值作为自身大小并超出容器。

参数名

参数类型

必填

参数描述

min

number | string

否

空白填充组件在容器主轴上的最小大小。

默认值：0

说明：

不支持设置百分比。负值使用默认值。当最小值大于容器可用空间时，使用最小值作为自身大小并超出容器。

属性：

除支持通用属性外，还支持以下属性：

名称	参数类型	描述
color	ResourceColor	设置空白填充的填充颜色。默认值：Color.Transparent 从API version 9开始，该接口支持在ArkTS卡片中使用。

名称

参数类型

描述

color

ResourceColor

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

默认值：Color.Transparent

从API version 9开始，该接口支持在ArkTS卡片中使用。

示例

@Entry
@Component
struct APage {
  build() {
    Column() {
      Row() {
        Image($r("app.media.back"))
          .width(30)
          .height(30)

        Text("首页")
          .textAlign(TextAlign.Center)
          .margin({ left: 5 })
          .height(50)
          .height(50)

        Blank()

        Image($r("app.media.plus"))
          .width(25)
          .height(25)
          .margin({ right: 5 })

      }
      .width("100%")
      .height(50)
      .backgroundColor(Color.Pink)
    }
    .width("100%")
    .height("100%")
  }
}