backgroud()方法使用@State修饰的状态变量值更新后未能触发不同的@builder方法刷新

backgroud()方法使用@State修饰的状态变量值更新后未能触发不同的@builder方法刷新

HarmonyOS
2024-02-20 10:43:54
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
honda1999

可尝试通过watch监听或者使用backgroungdImage()。

示例代码

@Entry 
@Component 
struct Page2 { 
  @State @Watch('showImg') isShowImg: boolean = true; 
 
  aboutToAppear() { 
    this.showTimer() 
  } 
 
  @Builder 
  showImg() { 
    Image($r('app.media.app_icon')).width(20).height(30) 
  } 
 
  @Builder 
  showDefaultImg() { 
    Image($r('app.media.image1')).width(200).height(30) 
  } 
 
  showTimer() { 
    setTimeout(() => { 
      this.isShowImg = false; 
    }, 5000) 
  } 
 
  build() { 
    Column() { 
      Text('Hello world') 
        .width(200) 
        .height(30) 
        .background(this.isShowImg ? this.showImg() : this.showDefaultImg()) // 状态变量更新可触发UI渲染 
      // .background(this.showImg()) // 状态变量更新不能触发UI渲染 
      // .backgroundImage(this.isShowImg? $r('app.media.icon') : r('app.media.image1')) // 状态变量更新可以触发UI渲染 .onClick(() => { console.info(`click isShowImg:{this.isShowImg}`) // 开始时点击isShowImg为true,5s后点击为false 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-02-20 19:51:04
相关问题
关于状态变量@state必须知道
355浏览 • 1回复 待解决
ArkTS中如何监听状态变量变化?
66浏览 • 1回复 待解决
如何监听Viewmodel里变量值变化
832浏览 • 1回复 待解决
如何动态查看代码运行时变量值
296浏览 • 1回复 待解决
获取状态栏高度方法
725浏览 • 1回复 待解决
LocalStorageLink修饰变量会自动保存
577浏览 • 1回复 待解决
touchEvent使用方法
5529浏览 • 1回复 待解决