react native如何处理多个资源？答案

【问题标题】：How to handle multiple resources in react native?react native如何处理多个资源？
【发布时间】：2018-07-30 21:29:21
【问题描述】：

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

问题

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

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

可绘制的 mdpi 可绘制的 hdpi 可绘制的 xhdpi 可绘制-xxhdpi 可绘制-xxxhpi

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

问题

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

【问题讨论】：

您使用@2x 和@3x 后缀创建图像以支持不同的密度 - facebook.github.io/react-native/docs/images.html

【解决方案1】：

为了进一步说明，图像大小对应如下：

【讨论】：

【解决方案2】：

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

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

如果您已经有一个原生应用程序并希望在其中集成 React-Native 页面，那么这没有问题，因为您已经有了可绘制的文件夹，并且可以通过调用图片名称来访问它们的图片（没有其相对路径，例如调用“图标”而不是“./android/drawable/icon”）

【讨论】：

例如，我有 5 个不同尺寸的图像，即 logo.png。我应该把所有 5 张图片放在哪里？我的意思是在我的应用程序目录中还是在 android/app/src/res/drawable 目录中？
感谢您重播。我认为 iOS 的 2 倍和 3 倍对于 android 来说呢？
@MilanGajera 最简单的方法是像往常一样自己将它们放入可绘制文件夹中。你也可以对 ios 做同样的事情，让你的资源在本地处理