HarmonyOS image 图片src 动态切换显示问题,以及与 badge 结合显示问题
代码如下:
@Entry
@Component
struct BadgePage {
@State icon: string = "";
@State isShowRed: boolean = false;
build() {
Column() {
if(this.isShowRed){
Badge({
value: '',
style: { badgeSize: 6, badgeColor: '#FA2A2D' }
}) {
Image(this.icon)
.width(40)
.height(40)
}
}else {
Image(this.icon)
.width(40)
.height(40)
}
Button("1、修改图片 icon=空字符串")
.onClick(()=>{
this.icon = ""
console.log("vvvv: icon=1", this.icon)
})
Button("2、修改图片存在")
.onClick(()=>{
this.icon = "https://www.huawei.com/img/bd_logo1.png"
console.log("vvvv: icon=2", this.icon)
})
Button("3、展示红点")
.onClick(()=>{
this.isShowRed = true;
console.log("vvvv: icon=3", this.icon)
})
}
}
}
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
问题 1:image 的 src(即代码中的icon,以下称icon) 参数动态可切换时,icon在""和图片资源之间切换
操作步骤:
1、 首次加载时,icon="",image没有图片展示,但是有空白占位
2、动态修改 icon="https://www.huawei.com/img/bd_logo1.png",图片展示,
3、再次操作 1 步骤,icon="",此时出现问题,依然展示步骤 2 的图片
这是否是 image 组件的bug?
在步骤 3 的基础上展示图片红点,红点展示,但是图片为空
我们是做 sdk的,需要动态切换图片,图片的 icon是用户提供的,可能为"",为空的时候难道不应该一直都不展示吗?
HarmonyOS
赞
收藏 0
回答 1
相关问题
HarmonyOS Badge里面包了一个Image,想不显示Badge但显示Image如何操作
415浏览 • 1回复 待解决
HarmonyOS Image组件显示PixelMap类型数据问题
921浏览 • 1回复 待解决
HarmonyOS html的img标签src显示本地图片失败
1101浏览 • 1回复 待解决
HarmonyOS SVGA格式图片显示问题
727浏览 • 1回复 待解决
HarmonyOS Image组件网络图片不显示
1493浏览 • 1回复 待解决
HarmonyOS Image组件无法显示网络图片
2398浏览 • 1回复 待解决
HarmonyOS Image显示GIF图片时的控制
887浏览 • 1回复 待解决
ImageKnife加载图片,设置圆角显示有问题
1163浏览 • 1回复 待解决
Image如何在多态下显示不同图片?
1126浏览 • 1回复 待解决
HarmonyOS 文字显示问题
1011浏览 • 1回复 待解决
HarmonyOS Image如何显示base64的图片?
1318浏览 • 1回复 待解决
Badge有数量与无数量切换时会发生闪动
1329浏览 • 1回复 待解决
HarmonyOS Web动态加载html片段,带有#会显示空白问题
1724浏览 • 1回复 待解决
动态显示页面布局以及页面元素大小实现案例
1323浏览 • 1回复 待解决
HarmonyOS 图片文件写入成功,但在Image中不显示
832浏览 • 1回复 待解决
HarmonyOS Image组件不显示下载到本地的图片
2168浏览 • 2回复 待解决
HarmonyOS 在使用Image图片组件时,放入pixelMap无法显示图片
1368浏览 • 1回复 待解决
HarmonyOS Image图片部分网络地址不显示
804浏览 • 1回复 待解决
HarmonyOS toast不显示问题
731浏览 • 1回复 待解决
show databases显示问题
5518浏览 • 2回复 待解决
HarmonyOS 地图城市显示问题
615浏览 • 1回复 待解决
HarmonyOS 应用显示名称问题
1507浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何将BuilderNode与RenderNode结合使用,实现混合显示?
711浏览 • 1回复 待解决
HarmonyOS web组件加载网页中部分图片显示有问题
1785浏览 • 1回复 待解决
js ui 框架图片组件image怎么加载显示本地图片?
6447浏览 • 1回复 待解决
基础组件暂不支持复杂功能,这边建议使用更方便的三方库组件ImageKnife,该三方库组件可以自由配置缓存
策略使用教程:
https://developer.huawei.com/consumer/cn/blog/topic/03864556726850058
三方库gitee链接:
https://gitee.com/openharmony-tpc/ImageKnife