需要React Native中带有自动DPI路径附加的图像

Question

如果我有这个对象：

const images = {
foo: require('./images/foo.jpg'),
bar: require('./images/bar.jpg')
}

然后像这样渲染：

const activeImage = images[ACTIVE] // could be foo or bar
<Image
source={activeImage}
/>

这会处理@2x，@3x的自动追加吗？如果我从require调用中删除".jpg"，它会抱怨，因为它找不到模块。

这里最好的方法是什么？

Answer 1

是的，metro bundler将自动为设备解析最佳图像，因此您的方法是正确的。

这一切在这里的官方文件中解释得非常清楚。