React Native应用程序未将@ 1x,@ 2x或@ 3x图像加载到正确的屏幕密度

时间:2019-02-27 19:27:16

标签: ios react-native mobile responsive-design

我正在使用React Native开发一个iOS / Android应用程序。根据此链接https://facebook.github.io/react-native/docs/images上的文档 根据您的设备屏幕密度,React native会放置正确的图像尺寸。

在开发时,我会按照上面链接的说明进行操作,但始终会响应本机包de img.png,不会放置较大的@ 2x或@ 3x图像。

我不知道是否仅在创建捆绑包以启动应用程序时才这样做!请帮忙,我很挣扎

还有,在psd中设计一个屏幕尺寸并从中获取多个屏幕尺寸的所有资产的更好的通量,流程或方法是哪种呢?

预先感谢

2 个答案:

答案 0 :(得分:0)

作为本机文档图像应相应命名为enter image description here

在开发模式下,图像将捆绑到应用程序中,但您可以在Android项目中以drawable的形式在本地项目文件夹中链接图像
因此,如果您为应用使用不同的版本,则将使用该密度图像

ps:为了在开发人员模式下测试您的应用,一种肮脏的解决方法是为@ 2x或@ 3x图像大小提供其他图像

答案 1 :(得分:0)

我遇到了同样的问题 - 在我将 @2x@3x 图像添加到项目后,当我在具有这些屏幕密度的手机上编译和运行我的应用程序时,它们没有被加载。< /p>

但是当我停止并关闭捆绑器(终端)并重新启动它(新的终端窗口)时,它会打包并在正确的设备屏幕上显示正确的密度图像。