如何在本机中处理多个资源？

Question

说明：我想在native native中使用标记显示图像。我将单个图像放在我的src目录中，并在我的标记中加载本地图像。工作正常。

问题

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

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

抽拉-MDPI 绘制，华电国际 绘制，xhdpi 绘制，xxhdpi 抽拉-xxxhpi

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

问题

我的问题是，如果我们使用react native创建一个应用程序。 可绘制目录的结构是什么，以满足不同密度设备的要求？

Answer 1

为进一步说明，图像尺寸如下所示：

• 1x： mdpi Android设备（160 dpi）
• 1.5倍： hdpi Android设备（240 dpi）
• 2x：电话4、4S，5、5c，5s，6， xhdpi Android设备（320 dpi）
• 3倍：iPhone 6 plus， xxhdpi Android设备（480 dpi）
• 3.5倍：Nexus 6（560dpi）：介于xxhdpi和xxxhdpi之间，将按比例缩小xxxhdpi，请参见this discussion
• 我认为4倍应为xxxhdpi

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

Answer 2

正如此链接中所述： https://facebook.github.io/react-native/docs/images.html

如果您想为不同的密度级别设置不同的图片尺寸，可以使用@ 2x，@ 3x等标记它们

此外，您可以添加-ios和-android，仅在各自的设备中使用它们。

如果您已经有一个本机应用程序并希望在其中集成React-Native页面，那么就没有问题，因为您已经拥有可绘制的文件夹并且可以通过调用图片名称来访问他们的图片（没有相关路径，例如调用'icon'不是'./android/drawable/icon'）