按钮内子控件如何动态更新

//按钮内子控件如何动态更新 
@Entry 
@Component 
struct Index { 
@State text:string | ResourceStr = '这是一张图片' 
@State img:Resource = $r('app.media.img') 
@State flag: boolean = false 
build(){ 
Column({space: 20}){ 
Text('按钮内子控件如何动态更新') 
.fontSize(24) 
.fontWeight(FontWeight.Bold) 
.fontColor(Color.Blue) 
  
      Button({ type: ButtonType.Normal, stateEffect: true }){ 
        Row() { 
          Text(this.text) //按钮内文本控件 
            .fontSize(16) 
            .fontColor(Color.Yellow) 
            .fontWeight(FontWeight.Bold) 
            .width('40%') 
  
          Image(this.img) //按钮内图片控件 
            .width(200) 
            .height(200) 
        } 
        .width('90%') 
        .height(200) 
      } 
  
      //动态更新文本控件以及图片控件的内容 
      Button('更新图片文字') 
        .onClick(()=>{ 
          if(!this.flag){ 
            this.text = '这是一张新的图片' 
            this.img = $r('app.media.img') 
            this.flag = !this.flag 
          }else { 
            this.text = '一张新的图片' 
            this.img = $r('app.media.img_1') 
            this.flag = !this.flag 
          } 
  
      }) 
  
    } 
    .width('100%') 
    .height('100%') 
    .justifyContent(FlexAlign.Center) 
} 
}