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
相关问题
touchEvent使用方法
4976浏览 • 1回复 待解决
在php中几种不同访问数据库方法
1186浏览 • 1回复 待解决
求获取状态栏高度等方法
6245浏览 • 1回复 待解决
状态装饰器 ui不刷新问题
625浏览 • 1回复 待解决
如何设置组件不同状态样式
291浏览 • 1回复 待解决
何设置组件不同状态样式
331浏览 • 1回复 待解决
Native如何调ArkTS方法
225浏览 • 1回复 待解决
绑定菜单无法使用右键触发菜单
178浏览 • 1回复 待解决
Greenplum有哪些通用处理方法
1684浏览 • 1回复 待解决