2017-08-29 88 views
2

说明:我想在反应native.I显示一个图像使用标记我把我的src目录中的一个图像,并从它加载本地图像在我的标签。它工作正常。如何处理反应本机中的多个资源?

问题

如果我们比较这结构,我们的Android绘制资源目录的话,我有一些怀疑我有。

在android中,有五个可绘制的目录。有五种不同的绘制资源目录是以下列表:

绘制,MDPI 绘制,华电国际 绘制-xhdpi 绘制-xxhdpi 绘制-xxxhpi

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

问题

我的问题是,如果我们创建一个使用原生反应的应用程序。 可绘制目录的结构如何满足不同密度设备的要求?

+0

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

回答

1

正如已经建议在这个环节: 如果你想有不同的图像大小为不同密度的水平,你可以用@ 2X,@ 3倍纪念他们https://facebook.github.io/react-native/docs/images.html

你也可以添加 - ios和-android只能在他们各自的设备上使用它们。

如果你已经有一个本地应用程序,并且希望在其中集成React-Native页面,那么它就没有问题,因为你已经有可绘制的文件夹,并且可以通过调用图片名称来访问它们的图片(没有它的相对路径例如调用'icon'NOT'./android/drawable/icon')

+0

例如我有5个图像,即不同尺寸的logo.png。我应该在哪里放置所有5个图像?我的意思是在我的应用程序目录或android/app/src/res/drawable目录中? –

+0

Thanx为你重播。我认为它是iOS的2x和3x对于android来说怎么样? –

+0

@MilanGajera简单的方法就是像平时一样将它们放入可绘制文件夹中。你也可以为ios做同样的事情,并让你的资源在本地处理 – Dusk