android - 为什么 ReactNative Dimensions 组件报告分辨率降低？

Question

我正在使用 React Native (v0.45.1) 编写应用程序并将我的 S6 用作测试设备。我会设置一个与我的手机分辨率大小完全匹配的背景图片，但它在屏幕上看起来很大，足以只显示一小部分背景图片。

只是出于调试目的，我在我的渲染方法中添加了以下行以获取我的设备尺寸:

let {height, width} = Dimensions.get('window');
console.warn(height, width);

我从这些行得到的输出是:360 x 640。这怎么可能？我已经截图并分享给同事，图片尺寸为:1440 x 2560，这正是我的手机分辨率。 几天前，我在工作中也遇到了同样的事情，据记录，当时我正在使用平板电脑而不是使用手机。关于正在发生的事情或我错过了什么的任何想法？提前致谢。

Answer 1

您从 Dimensions 获得的尺寸以 dp(对于 Android)为单位，图片尺寸以 px(像素)为单位。

基本上，您在应用程序中使用 dp 工作，实际像素值会因设备的像素密度而异。这意味着它们的像素可能更小/更大，因此如果您愿意，dp 代表真实世界的统一像素大小。