加载@2x.png,@3x.png的方式


rn 会根据文件名查找当前图片的目录下有没有带有@2x,@3x的同名图片,然后根据设备的像素密度来选择合适的图片。比如你 require('icon.png'),那么 rn 会去 icon.png 目录下找有没有 icon@2x.png、icon@3x.png 然后根据屏幕像素密度来选择合适的图片。甚至还可以写 icon.ios.png,rn也会为你判断平台选择图片。
你要做的就是提供原图、@2x图、@3x图,放在目录下,然后 require('原图') 就好了,接下来的选择 rn 会帮你做的

Ps:这种方式在react-native 0.48版本之后不能使用了
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容