需要在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捆绑器将自动为设备解析出最佳图像，因此您的方法是正确的。

所有这些都在官方文档here中进行了非常整洁的解释。