如何处理本机反应中的多个资源？

Question

说明：我想在 react native 中使用标签显示图像。我在我的 src 目录中放置了一个图像，并在我的标签中从中加载本地图像。它工作正常。

问题

如果我们将此结构与我们的 android drawable 目录进行比较，那么我有一些疑问。

在android中，有五个drawable目录。下面列出了五个不同的可绘制目录：

drawable-mdpi drawable-hdpi drawable-xhdpi drawable-xxhdpi drawable-xxxhpi

在所有目录中，图像文件都具有相同的名称。根据设备密度，它使用了我们放入 drawable 目录中的资源。

题

我的问题是我们是否使用 react native 创建应用程序。为了满足不同密度设备的需求，drawable 目录的结构是什么？

Answer 1

为了进一步澄清，图像大小对应如下：

• 1x：mdpi Android 设备 (160 dpi)
• 1.5 倍：hdpi Android 设备（240 dpi）
• 2x：手机4、4S、5、5c、5s、6、xhdpi Android 设备 (320 dpi)
• 3x：iPhone 6 plus，xxhdpi Android 设备（480 dpi）
• 3.5x：Nexus 6（560dpi）：介于 xxhdpi 和 xxxhdpi 之间，将缩小 xxxhdpi，请参阅此讨论
• 我认为 4x 将是 xxxhdpi

信息来源：https : //facebook.github.io/react-native/docs/pixelratio