显示或隐藏控制
控制组件是否可见。
说明
从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
属性
名称 | 参数类型 | 描述 |
|---|---|---|
visibility | 控制当前组件显示或隐藏。根据具体场景需要可使用条件渲染代替。 默认值：Visibility.Visible 从API version 9开始，该接口支持在ArkTS卡片中使用。 |
示例
- // xxx.ets
- @Entry
- @Component
- struct VisibilityExample {
- build() {
- Column() {
- Column() {
- // 隐藏不参与占位
- Text('None').fontSize(9).width('90%').fontColor(0xCCCCCC)
- Row().visibility(Visibility.None).width('90%').height(80).backgroundColor(0xAFEEEE)
- // 隐藏参与占位
- Text('Hidden').fontSize(9).width('90%').fontColor(0xCCCCCC)
- Row().visibility(Visibility.Hidden).width('90%').height(80).backgroundColor(0xAFEEEE)
- // 正常显示，组件默认的显示模式
- Text('Visible').fontSize(9).width('90%').fontColor(0xCCCCCC)
- Row().visibility(Visibility.Visible).width('90%').height(80).backgroundColor(0xAFEEEE)
- }.width('90%').border({ width: 1 })
- }.width('100%').margin({ top: 5 })
- }
- }
