为什么 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 代表真实世界的统一像素大小。