HarmonyOS Image中的resizable()方法加载本地图片 偶发不显示

Grid布局中,在给每个网格设置背景时,使用 Image 中的resizable()方法加载本地图片,偶发不显示

HarmonyOS
2024-12-25 08:52:57
829浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zxjiu

请参考这个demo,修改下代码:

@Entry
@Component
struct Index {
  @State numbers1: String[] = ['0000000', '111111111', '22222222', '3333333', '4444444', '55555555', '66666666', '77777777', '88888']

  @Builder
  ImageBuilder(imgRes: ResourceStr) {
    Image(imgRes)
      .width('100%')
      .height('100%')
      .resizable({
        slice: {
          top: 2,
          left: 2,
          bottom: 5,
          right: 5,
        }
      })
  }

  @Builder
  gridItem(v: string) {
    GridItem() {
      Row() {
        Text(v)
      }
      .justifyContent(FlexAlign.Center)
      .width('120')
      .height(40)
      .background(this.ImageBuilder($r('app.media.aqi_item_excellent')))
    }
  }

  build() {
    Column() {
      Grid() {
        ForEach(this.numbers1, (v: string) => {
          this.gridItem(v)
        })
      }
      .columnsTemplate('1fr 1fr 1fr')
      .columnsGap(8)
      .rowsGap(16)
      .padding(16)
    }

  }
}
  • 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.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
分享
微博
QQ
微信
回复
2024-12-25 11:17:45


相关问题
HarmonyOS Image加载本地图片咨询
1273浏览 • 1回复 待解决
HarmonyOS Image展示本地图片失败
1097浏览 • 1回复 待解决
HarmonyOS Image组件网络图片不显示
1398浏览 • 1回复 待解决
HarmonyOS 网络图片加载不显示
1321浏览 • 1回复 待解决
HarmonyOS web加载页面图片不显示
1470浏览 • 1回复 待解决
HarmonyOS Image图片部分网络地址不显示
764浏览 • 1回复 待解决
识别本地图片方法有哪些?
1091浏览 • 1回复 待解决
服务卡片设置本地图片显示空白
8310浏览 • 2回复 已解决
HarmonyOS image resizable问题咨询
1501浏览 • 1回复 待解决
HarmonyOS 使用 api11 地图不显示
1339浏览 • 1回复 待解决
image组件,files目录文件不显示
2414浏览 • 1回复 待解决