weex image标签展示长图 动态获取图片大小 安卓图片显示失真情况分析

用weex的image标签来显示长图片(类似微信公众号的长图)遇到的问题
问题一:Weex官网上的image标签的load方法可以在加载图片的时候获取图片到图片的大小。但是这个load方法只支持iOS,在Android设备上不适配,走不到load方法里面。
为了解决Android获取不到图片的宽高问题,请Android同事写了一个方法,调用该方法获取图片的宽高。
问题二:接下来我们将动态获取到的图片大小,再动态赋予到image标签中的图片样式上,在iOS上显示无问题,在Android上图片加载有时图片显示失真。
为了解决这个问题,发现直接将获取到的图片广告动态绑定到image标签的样式上会导致Android上图片加载有时失真。将image标签外面包一层div,设置其display为flex,将获取到的图片宽高动态赋值到外面这层div上,并将内部的image图片的样式设置flex:1,就可以正常显示图片,不会失真。
这个问题纠结了几天,终于。。。
本来以为weex的image标签必须要设置宽高才能显示,后来发现可以用一个固定大小的div框住image标签,给div的框子设置固定的宽高,然后设置image标签的样式flex:1也可正常显示。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值