Badge有数量与无数量切换时会发生闪动

@Entry 
@Component 
struct BadgeDemo { 
  @State message: string = 'Hello World'; 
  @State sizes: string = '0' 
  @State isDnd: boolean = false; 
 
  build() { 
    Row() { 
      Text(this.message) 
        .fontSize(50) 
        .fontWeight(FontWeight.Bold) 
        .onClick(() => { 
          this.isDnd = !this.isDnd; 
        }) 
      Stack() { 
        Badge({ 
          value: '', 
          position: { x: 40, y: 0 }, 
          style: { badgeSize: 15, badgeColor: Color.Red } 
        }) { 
          Image($r('app.media.icon')) 
            .width(50) 
            .height(50) 
            .onComplete(() => { 
              this.isDnd = !this.isDnd; 
            }) 
        } 
        .visibility(this.isDnd ? Visibility.Visible : Visibility.None) 
 
        Badge({ 
          count: 98, 
          maxCount: 99, 
          position: { x: 30, y: 0 }, 
          style: { fontSize: 15, badgeSize: 15, badgeColor: Color.Red } 
        }) { 
          Image($r('app.media.icon')) 
            .width(50) 
            .height(50) 
        } 
        .visibility(this.isDnd ? Visibility.None : Visibility.Visible) 
      } 
    } 
    .height('100%') 
  } 
}