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

从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之后,即使创建一个文件夹也不需要在路径中写上文件夹的名字了。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

CodingFire

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值