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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React Native应用程序不会将@ 1x,@ 2x或@ 3x图像加载到正确的屏幕密度相关的知识,希望对你有一定的参考价值。

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

在开发时,我在上面的链接上做了教程,但总是做出反应本机包de img.png,并没有放置更大的@ 2x或@ 3x图像。

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

另外,在psd中设计一个屏幕尺寸并从中获取多种屏幕尺寸的所有资产的更好的流量,过程或方式?

提前致谢

答案

因为反应原生的doc图像应该相应地命名enter image description here

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

ps : a dirty workaround inorder to test your app in dev mode is, providing other image for @2x or @3x image sizes

以上是关于React Native应用程序不会将@ 1x,@ 2x或@ 3x图像加载到正确的屏幕密度的主要内容,如果未能解决你的问题,请参考以下文章

React Native 和 Expo - SVG 不会在 iOS 设备上呈现

当用户在 react-native 应用程序中注销时,选项卡导航器不会重置

当用户选择“不再询问”并禁用地理定位时,React native `Geolocation.getCurrentPosition` 承诺将永远不会被解决/拒绝

React Native - Redux 不会立即更新

Redux dispatch 永远不会在 React Native 应用程序中运行

Flipper 不会在任何断点处暂停 - react-native - react-native-reanimated