踩坑之RN使用混合App的图片资源

最近在学RN中的使用混合App的图片资源,学习中遇到一下问题:

1. 开发IOS的时候,图片资源应该放到IOS目录的什么位置

官方:以拖拽的方式放置在Xcode的asset类目中
这句话的意思:将静态的图片放到 ios/你项目的名称(我这里是Myapp)/Images.xcassets中
⚠️ 注意:将图片拖进进,Xcode中

2.开发android的时候,图片资源应该放到IOS目录的什么位置

官方:放置在Android的drawable目录里
这句话的意思:Android项目要显示效果,我们要做如下修改,在android/app/src/res文件夹下面创建一个drawable文件夹,然后放入图片文件,重新打包项目运行即可。原因为何?因为Android项目采用gradle,现在不会默认生成drawable文件夹,所以现在要放入图片,需要手动创建图片文件夹。在这个例子中我们是吧apple_logo.png图片放入到android/app/src/res/drawable文件夹中。
⚠️ 注意:图片的名称必须小写

// IOS引用

// android引用

⚠️ 注意:这种方法提供非安全的检查,取决于你去 确保那些图片是可以访问得到。而且,你不得不手动指定图片尺寸。

3.在使用Image组件时,require方法中图片路径必须是静态字符信息,不能在require()中进行拼接

否则会报一下错误的:


踩坑之RN使用混合App的图片资源_第1张图片
image.png

你可能感兴趣的:(踩坑之RN使用混合App的图片资源)