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

标签 ios react-native mobile responsive-design

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

在开发时,我按照上面链接中的教程进行操作,但始终对 img.png 的原生包使用react,并且不放置更大的 @2x 或 @3x 图像。

我不知道这是否仅在创建用于启动应用程序的 bundle 时完成!请帮忙,我正在挣扎

此外,在 psd 中设计一种屏幕尺寸并从中获取多种屏幕尺寸的所有资源的通量、过程或方法是更好的吗?

提前致谢

最佳答案

作为 react-native 文档图像应该相应地命名 enter image description here

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

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

关于ios - React Native 应用程序不会将@1x、@2x 或@3x 图像加载到正确的屏幕密度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54913077/

相关文章:

javascript - Android 2.3.3 上 touchmove 事件的数量严重减少

testing - Flex Builder : Asset file or directory name cannot be more than 100 bytes long

ios - UISearchController 中的取消按钮导致 SearchBar 故障

ios - 如何让 UIAlertView 自动消失?

ios - 读取文本文件的特定部分

javascript - 在 React Native 中测试原生事件发射器和原生模块

iphone - 如何在没有用户名和密码的情况下验证移动应用程序?

ios - 如何在 SceneKit 中反转动画?

react-native - SectionList React Native 上的粘性 header

javascript - React-Leaflet 类型错误 : Cannot read property 'lat' of null