时间戳

首页 > 解决方案 > React Native 应用程序无法将 @1x、@2x 或 @3x 图像加载到正确的屏幕密度

ios - React Native 应用程序无法将 @1x、@2x 或 @3x 图像加载到正确的屏幕密度

问题描述

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

开发时，我按照上面链接上的教程进行操作，但始终对原生 bundle de img.png 做出反应，并且不会放置更大的 @2x 或 @3x 图像。

我不知道这是否仅在为启动应用程序创建捆绑包时才完成！请帮忙，我很挣扎

此外，在 psd 中设计一种屏幕尺寸并从中获取用于多种屏幕尺寸的所有资产的更好的通量、流程或方式是什么？

提前致谢

标签： iosreact-nativemobileresponsive-design

解决方案

作为 react-native doc image 应该相应地命名在此处输入图像描述

在开发模式下，图像将绑定到应用程序，但您可以像drawable 在 android中一样在本机项目文件夹中链接图像，
因此如果您为您的应用程序使用不同的构建，您将使用该密度图像

ps：为了在开发模式下测试您的应用程序，一个肮脏的解决方法是，为@2x 或@3x 图像大小提供其他图像

推荐阅读