HarmonyOS 自定义组件中,Image 控件无法更新图片
设置一个自定义组件。
@Component
struct ImgItem {
@Prop img: PixelMap | null = null
@Prop title: string = "测试"
build() {
Column() {
Text(this.title)
Image(this.img).width(100).height(100).backgroundColor("#f00")
}
}
}
在页面使用:
@Entry
@Component
struct Index {
@State img: PixelMap | null = null
@State title: string = ""
fromRawFile(name: string): Promise<PixelMap> {
let testdata = getContext().resourceManager.getRawFileContentSync(name)
let imageSource = image.createImageSource(testdata.buffer)
return imageSource.createPixelMap()
}
async aboutToAppear() {
this.img = await this.fromRawFile("test.jpg")
this.title = "测试2"
}
build() {
Column() {
ImgItem({
img: this.img,
title: this.title
}).margin({ top: 50 })
Button("更换").onClick(async () => {
this.img = await this.fromRawFile("test.png")
this.title = "测试3"
}).margin({ top: 14 })
}.height("100%").width("100%")
}
}
img无法更新,title可以更新。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
自定义组件中如何添加图片?
3065浏览 • 1回复 待解决
HarmonyOS 自定义组件,数据更新时,界面无法重新渲染
507浏览 • 1回复 待解决
HarmonyOS 自定义控件实现
667浏览 • 1回复 待解决
HarmonyOS 自定义时间控件和日期控件
955浏览 • 1回复 待解决
Image组件加载网络图片时是否可以自定义设置key?
2391浏览 • 1回复 待解决
HarmonyOS 如何实时更新ForEach里的自定义组件
457浏览 • 1回复 待解决
HarmonyOS 自定义封装的组件列表更新服用UI问题
689浏览 • 1回复 待解决
HarmonyOS 定义自定义组件
688浏览 • 1回复 待解决
HarmonyOS 自定义组件如何在使用的时候添加子控件
422浏览 • 1回复 待解决
HarmonyOS 使用RichEditor 自定义控件不显示
947浏览 • 1回复 待解决
HarmonyOS 自定义通知栏点击更新需求
358浏览 • 1回复 待解决
HarmonyOS 地图组件自定义信息窗 无法实现效果
487浏览 • 2回复 待解决
HarmonyOS 自定义图片选择界面
629浏览 • 1回复 待解决
HarmonyOS 图片增加自定义水印
334浏览 • 1回复 待解决
HarmonyOS 自定义控件,如何通过controller的形式控制控件渲染
629浏览 • 1回复 待解决
HarmonyOS 自定义UI组件如何自定义属性方法
995浏览 • 1回复 待解决
HarmonyOS 自定义组件如何写自定义事件?
1189浏览 • 1回复 待解决
HarmonyOS如何在自定义组件的自定义函数中获取当前的 NavPathStack
1192浏览 • 1回复 待解决
HarmonyOS 检查更新的升级弹窗能否自定义
541浏览 • 1回复 待解决
HarmonyOS 检测版本更新弹窗是否可以自定义
390浏览 • 1回复 待解决
HarmonyOS Image组件无法显示网络图片
1907浏览 • 1回复 待解决
HarmonyOS 自定义弹窗如何更新弹窗的UI
599浏览 • 1回复 待解决
HarmonyOS 自定义组件问题
1055浏览 • 1回复 待解决
HarmonyOS 自定义滑动组件
361浏览 • 1回复 待解决
用这种形式定义图片可以更新 img:Resource = $r(‘app.media.img’)
如果必须要用到PixelMap 只需要改变下数据绑定类型即可。