span设置不可见？

Question

span设置不可见 但是隐藏不掉 咨询场景描述： 1.span设置不可见 但是隐藏不掉

Answer 1

文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-basic-components-span-0000001774121258当前的Span通用属性中仅支持文本通用，对于显隐控制的visibility这个通用属性是不支持的，或使用以下规避方案。

@Entry
@Component
struct IR240322170110065 {
  @State message: string = 'Hello World';
  @State isVisibility:boolean = true
  build() {
    Row() {
      Column() {
        Text(){
          ImageSpan($r('app.media.startIcon'))
            .width(20)
          if (this.isVisibility){
            Span('哈哈哈哈哈哈哈')
              .fontColor(Color.Pink)
          }

        }
        Button().onClick(() => {
          this.isVisibility = !this.isVisibility
        }).width('90%')

      }
      .width('100%')
    }
    .height('100%')
  }
}