Question

Xcode 10.0

iOS 7及更高版本

我设置了一个应用程序，以便它加载由xcassets处理的特定启动图像，并具有适用于 iOS 6 及更高版本的适当大小。这些图像加载良好。

应用程序加载完成后，我想将加载图像用作应用程序内splash/login button的背景。我将图片（或BackgroundImage）与source={{uri: "LaunchImage"}}一起使用，并且xcassets具有正确的大小和命名约定（Default.png，Default @ 2x.png，Default-568 @ 2x.png，等等。

但是，在应用程序中，它似乎仅引用基本的最小图像（Default.png），而不是适当大小的（例如Default-568@2x.png）。对于7）。

这是React-Native应该正确处理的吗？我可以在source.uri中指定哪种尺寸吗？

谢谢。

Answer 1

如果图像看起来更小，我们可以scale属性来适合Image组件中的图像。

icon={{uri: check', scale: 2}}

我们不必担心在不同设备上适合不同尺寸的图像。

根据React Native文档

文件结构：

├── button.js
└── img
    ├── check@2x.png
    └── check@3x.png

您的.js文件：

<Image source={require('./img/check.png')} />

节点打包器将捆绑并提供与设备的屏幕密度。例如，check@2x.png将用于 iPhone 7，而check@3x.png将用于iPhone 7 Plus 或Nexus 5。如果没有与屏幕密度匹配的图像，则将选择最接近的最佳选项。

React-Native iOS参考xcassets图像大小错误

1 个答案: