zl程序教程

您现在的位置是:首页 >  移动开发

当前栏目

weex在iOS环境加载本地图片的方法

ios方法 环境 图片 加载 本地 weex
2023-09-11 14:21:22 时间

从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加载本地图片了,是不是很简单?



以下是在2018.3.21的更新,weexpack升级到1.1.6之后,即使创建一个文件夹也不需要在路径中写上文件夹的名字了。