javascript - React native Image 能否根据分辨率来选择对于的图片？

Question

官方文档有一段这样的代码，Image是根据什么选择对应的1倍图或者2倍图？

Answer 1

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

你要做的就是提供原图、@2x图、@3x图，放在目录下，然后 require('原图') 就好了，接下来的选择 rn 会帮你做的。

Answer 2

这个宽度和高度是你自己设置的呀，我一般都是设置响应式的，载入Dimensions来获取手机屏幕的高宽，然后再按比例缩放，样式中加入resizemode:'contain'可以保证按比例缩放