如何将@ 2x @ 3x图像集成到React Native Project（Android和IOS）？

Question

我已将相同映像的版本（@ 2x @ 3x）添加到src>资产中，以在所有设备上使用我们的平台。这是问题所在，VSCode仅识别即path.png（不识别@ 2x和@ 3x）。我们如何处理这个问题？

Answer 1

React native会自动从3个可用选项中获取所需图像，即1x，2x，3x。我们只需要提供基本图像的文件名即可。

示例

.
├── button.js
└── img
    ├── check.png
    ├── [email protected]
    └── [email protected]

因此，如上所述，当您必须使用check.png时，只需提供图像路径即可，其余的将根据Android和ios设备的设备屏幕密度自动做出反应。像下面一样使用图像，所有内容都像一个饰物。

<Image source={require('./img/check.png')} />

更多内容，您可以从React Native上阅读有关图像的here官方文档。

我希望这会有所帮助。...谢谢：）