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也可正常显示。

你可能感兴趣的:(前端博学了没)