HarmonyOS Image 在List中自适应大小失败

在List中,有很多的ListItem,listItem横向排布,其中一个元素是Image,Image高度20,宽度根据加载的图片自适应宽度,加载的图片有根据类型判断有本地的,有网络加载的。请问怎么可以让Image的根据图片的宽度自适应大小,现在的自适应大小有问题。

HarmonyOS
2024-10-21 12:35:41
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

layoutWeight需要设置在自适应宽度的Image上,表示占据主轴剩余空间的100%。objectFit使用ImageFit.Fill,不保持宽高比进行放大缩小,使得图片充满显示边界,如果需要保持比例则可以使用其他枚举值。

build() {  
  Row(){  
    Image($r('app.media.icon'))  
      .height('vp')  
      .width('14vp')  
      .margin({ left: '16vp', top: '20vp', bottom: '20vp' })  
    Image($r('app.media.product002'))  
      .height('20vp')  
      .margin({ left: '8vp' })  
      .width('100%')  
      .objectFit(ImageFit.Fill)  
      .layoutWeight(1)  
    Image($r('app.media.preview'))  
      .height('20vp')  
      .width('20vp')  
      .margin({ left: '4vp' })  
    Text('123123')  
      .height('20vp')  
    Image($r('app.media.icon'))  
      .width('20vp')  
      .height('20vp')  
      .margin({ right: '16vp' })  
  }.width('100%')  
  .alignItems(VerticalAlign.Center)  
}
分享
微博
QQ
微信
回复
2024-10-21 17:28:54
相关问题
弹窗大小如何改为自适应
566浏览 • 1回复 待解决
自定义弹窗大小如何自适应内容
2352浏览 • 1回复 待解决
HarmonyOS 高度自适应
151浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
237浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
510浏览 • 1回复 待解决
HarmonyOS RelativeContainer宽高自适应问题
445浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
271浏览 • 1回复 待解决
HarmonyOS webview如何设置自适应
491浏览 • 1回复 待解决
HarmonyOS 高度自适应的问题
223浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
275浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
829浏览 • 1回复 待解决
HarmonyOS 自适应父组件高度问题
818浏览 • 1回复 待解决