HarmonyOS List item 刷新问题
List() {
ForEach(this.dataList, (item: AddressListDataEntity,position:number) => {
ListItem() {
Column() {
Row() {
Text(item.name).fontColor($r("app.color.color_393939")).fontSize('18fp')
Text(item.mobilenumber)
.margin({ left: SizeUtil.lpx2px(20) })
.fontColor($r("app.color.color_393939"))
.fontSize('14fp')
}.width('100%')
.justifyContent(FlexAlign.Start)
Text(item.province + " " + item.city + " " + item.area + " " + item.street + " " + item.detail)
.fontColor($r("app.color.999999"))
.fontSize('14fp')
.margin({ top: SizeUtil.lpx2px(30) })
Column().width('100%')
.backgroundColor($r("app.color.EDEDED"))
.height('1vp')
.margin({ left: SizeUtil.lpx2px(30), right: SizeUtil.lpx2px(30), top: SizeUtil.lpx2px(30) })
RelativeContainer() {
Row() {
Image(this.isChooseAddress ? item.isSelect ? $r("app.media.blue_checked") : $r("app.media.blue_unchecked") : (item.isDefault == "T") ? $r("app.media.blue_checked") : $r("app.media.blue_unchecked"))
.height(SizeUtil.lpx2px(30))
.width(SizeUtil.lpx2px(30))
Text(this.isChooseAddress ? item.isSelect ? "已选地址" : "选择地址" : (item.isDefault == "T") ? "默认地址" : "设为默认")
.fontColor($r("app.color.999999"))
.fontSize('14fp')
.margin({ left: SizeUtil.lpx2px(15) })
}.alignRules({
center: { anchor: "__container__", align: VerticalAlign.Center },
left: { anchor: "__container__", align: HorizontalAlign.Start }
})
.id("left_content")
.onClick(() => {
if (this.isChooseAddress) {
item.isSelect = !item.isSelect//>>>>>>在这里修改不刷新UI
} else {
let data: ToggleData = {
id: item.id,
isDefault: item.isDefault == "T" ? "F" : "T"
}
Api.getInstance().post<DataEntity>(RequestPath.API_ADDRESS_TOGGLE, data).then(data => {
this.getAddressList()
})
}
})
Text("修改")
.fontColor($r("app.color.999999"))
.fontSize('15fp')
.alignRules({
center: { anchor: "__container__", align: VerticalAlign.Center },
right: { anchor: "__container__", align: HorizontalAlign.End }
})
.id("change")
.onClick(() => {
NavigatorUtil.toEditAddressPage(item)
})
}.width('100%')
.height(SizeUtil.lpx2px(50))
.margin({ top: SizeUtil.lpx2px(20) })
}.width('100%')
.padding({
top: SizeUtil.lpx2px(20),
bottom: SizeUtil.lpx2px(20),
left: SizeUtil.lpx2px(35),
right: SizeUtil.lpx2px(35)
})
}.width('100%')
.border({ radius: 10 })
.backgroundColor($r("app.color.color_FFFFFF"))
}, (item: AddressListDataEntity) => JSON.stringify(item))
}
代码如上 在list的 foreach 的item 中 修改对象的值 image UI没有刷新 怎样可以刷新UI?
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 数据刷新问题
74浏览 • 1回复 待解决
HarmonyOS 列表刷新问题
625浏览 • 1回复 待解决
HarmonyOS 页面刷新问题
323浏览 • 1回复 待解决
HarmonyOS 组件刷新问题
57浏览 • 1回复 待解决
HarmonyOS 页面跳转刷新问题
892浏览 • 1回复 待解决
HarmonyOS UI 未刷新问题
546浏览 • 0回复 待解决
HarmonyOS ForEach列表刷新问题
47浏览 • 1回复 待解决
NativeWindowFlushBuffer接口刷新问题
2012浏览 • 1回复 待解决
HarmonyOS 装饰器不刷新问题
202浏览 • 1回复 待解决
HarmonyOS 组件的下拉刷新问题
483浏览 • 1回复 待解决
HarmonyOS使用Refresh下拉刷新问题
876浏览 • 1回复 待解决
HarmonyOS 二维数组刷新问题
324浏览 • 1回复 待解决
HarmonyOS 自定义弹窗刷新问题
28浏览 • 1回复 待解决
HarmonyOS 状态变量不刷新问题
494浏览 • 1回复 待解决
HarmonyOS 点击list的item,修改当前item的属性状态值List根据属性值变化刷新UI
59浏览 • 1回复 待解决
HarmonyOS overlay机制调用后界面刷新问题
599浏览 • 1回复 待解决
HarmonyOS LazyForEach修改数据源不刷新问题
615浏览 • 1回复 待解决
HarmonyOS @prop修饰的子组件属性不刷新问题
235浏览 • 1回复 待解决
HarmonyOS List组件动态刷新数据问题
997浏览 • 1回复 待解决
HarmonyOS 关于数组中class更改,List不触发更新问题
175浏览 • 1回复 待解决
鸿蒙页面检测不到数据发生改变的刷新问题,能否强制刷新
9754浏览 • 1回复 待解决
Web组件加载在线页面存在2次刷新问题
574浏览 • 1回复 待解决
HarmonyOS 如何动态添加TabContent以及自定义tabbarUI刷新问题?
412浏览 • 1回复 待解决
HarmonyOS 刷新列表中的某个ITEM,会导致整个ITEM都刷新,有单独刷新某个控件的办法吗?
579浏览 • 1回复 待解决
HarmonyOS list的item如何保存状态
310浏览 • 2回复 待解决
当数据源的数组项为对象数据类型,并且只修改某个数组项的属性值时,由于数据源为复杂数据类型,ArkUI框架无法监听到@State装饰器修饰的数据源数组项的属性变化,从而无法触发ForEach的重新渲染。
为实现ForEach重新渲染,需要结合@Observed和@ObjectLink装饰器使用
参考链接:
https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-observed-and-objectlink-0000001774279618#ZH-CN_TOPIC_0000001811157490__%E5%9C%A8observed%E8%A3%85%E9%A5%B0%E7%B1%BB%E7%9A%84%E6%9E%84%E9%80%A0%E5%87%BD%E6%95%B0%E4%B8%AD%E5%BB%B6%E6%97%B6%E6%9B%B4%E6%94%B9%E6%88%90%E5%91%98%E5%8F%98%E9%87%8F
当前@ObjectLink修饰的变量,确实只能通过new的方式实例化,不能直接将后端返回数据通过json反序列化方式装对象。
因为构造方法被特殊处理过,所有开发者需要接受后端数据后,需要new出对象,将后端返回数据遍历,塞到new的对象里面