为什么ReactNative Dimensions组件报告的分辨率会降低?

时间:2017-07-10 14:37:38

标签: android css reactjs react-native background

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

出于调试目的,我在渲染方法中添加了这些行以获取设备尺寸:

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

我从这些行得到的输出是:360 x 640.怎么可能呢?我拍了一张截图并分享给同事,照片尺寸是:1440 x 2560,这正是我的手机分辨率。 几天前,同样的事情发生在我的工作中,因为记录我正在使用平板电脑,而不是使用我的手机。关于发生了什么或者我错过了什么的想法?提前谢谢。

1 个答案:

答案 0 :(得分:1)

您从Dimensions获得的尺寸位于dp(适用于Android),图片尺寸位于px(像素)。

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