从weex的API中,我们知道加载本地图片的方法是:
在 iOS 中,Weex 会在 bundle resources 中查找。例如,image 组件的 src 属性为 local:///app_icon', Weex 会加载 bundle resouce 中名为 app_icon 的图像资 源,而字体文件也以相同的方式工作。 在 Android 中,image 组件将从 drawable 资源文件夹加载,如 res/drawable- xxx。但加载字体文件是不同的,Android 框架无法从 res 加载字体文件,因此 SDK 将从 asserts 文件夹加载它。(安卓的小伙伴自行查找,因为对安卓不熟悉,所以不装逼)
以上摘抄自weex文档中;
但是一些小伙伴在使用的过程中发现这是存在问题的,博主在使用时也是不小心踩了雷,那这里博主就对其进行一个简单的说明,帮助那些不知道怎么处理的小伙伴。
正确的方法和上面很类似:
<image style="width:150px;height:150px" src="local://qie.jpeg"></image> //也许你已经注意到了,这里三斜杠和两斜杠其实都行,但是后缀名一定要加上,同时图片资源要放在Xcode中,但仅仅是放在Xcode中还不行,还必须放在资源文件目录下.
你可以在资源文件目录下建一个文件夹统一管理,然后你的local路径下也要加上你的文件名才行,比如,你的文件名叫image,你引用image的路径为:local://image/qie.jpeg。这样,你就可以使用weex加载本地图片了,是不是很简单?