HarmonyOS UI未在数据更新时刷新

列表数据生成了UI,当点击UI组件时bean中的select改变,期望是对应设置的Ui也随之改变。

@State optionalItemList: OptionalItemBean[] = []

interface OptionalItemBean {
  title: string,
  tag: string,
  select: boolean
}

@Builder
private optionalItemView(bean:OptionalItemBean){
  RelativeContainer() {
    Row() {
      Image(bean.select ? $r('app.media.ic_dui') : "")
        .width(18)
        .height(18)
        .backgroundColor(bean.select ? '#FFA69DFF' : Color.White)
        .borderRadius(6)
        .borderColor("#FFE8E5FC")
        .borderWidth(bean.select ? 0 : 2)
        .margin({ left: 12 })

      Text(bean.title)
        .fontSize(14)
        .fontColor('#FF333333')
        .margin({ left: 10 })
        .layoutWeight(1)
    }
    .width('100%')
    .height('100%')
    .alignItems(VerticalAlign.Center)

    Text(bean.tag)
      .fontSize(10)
      .fontColor('#FF333333')
      .visibility(TextUtil.isNotEmpty(bean.tag) ? Visibility.Visible : Visibility.Hidden)
      .padding({
        top: 2,
        bottom: 2,
        left: 6.5,
        right: 6,
      })
      .margin({ top: -9 })
      .linearGradient({
        angle: 45,
        colors: [['#FFFED647', 0], ['#FFFFD55E', 1]]
      })
      .borderRadius({
        topLeft: 5,
        topRight: 5,
        bottomLeft: 5,
        bottomRight: 0
      })
      .alignRules({
        top: { anchor: "__container__", align: VerticalAlign.Top },
        right: { anchor: "__container__", align: HorizontalAlign.End }
      })
  }
  .width("100%")
  .height(40)
  .backgroundColor(Color.White)
  .borderRadius(8)
  .onClick(() => {
    bean.select = !bean.select
  })
}
HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Excelsior_abit

有关@builder的使用及限制调节,可参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-builder-V5

分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS 更新数据UI刷新
36浏览 • 1回复 待解决
HarmonyOS UI和ViewModel如何刷新数据
35浏览 • 1回复 待解决
在数据文件中写入数据的方法
515浏览 • 1回复 待解决
修改ForEach使用的数据对象,UI刷新
2086浏览 • 1回复 待解决
HarmonyOS UI刷新
228浏览 • 1回复 待解决
HarmonyOS 主线程刷新UI
460浏览 • 1回复 待解决
HarmonyOS Native怎么更新UI?
337浏览 • 1回复 待解决
HarmonyOS 卡片更新图片不刷新
167浏览 • 1回复 待解决
UI预览不会自动刷新, 且刷新较慢
941浏览 • 1回复 待解决
HarmonyOS LazyForEach问题刷新UI问题
189浏览 • 1回复 待解决