react-native的Dimensions.get(‘screen‘)和Dimensions.get(‘window‘)有什么不同

这篇博客探讨了在React-Native中使用Dimensions API获取屏幕高度时,Dimensions.get('window').height与Dimensions.get('screen').height的区别。虽然在iPhone设备上两者数值相同,但作者指出,'window'高度不包括状态栏,而'screen'则包含整个屏幕区域,包括状态栏。待测试Android设备以确认这一差异。

React-native中的获取屏幕高度Dimensions.get(‘screen’)和Dimensions.get(‘window’)有什么不同

react-native获取屏幕高度

import {
  Dimensions,
} from 'react-native';

const windowHeight=Dimensions.get('window').height;
const screenHeight=Dimensions.get('screen').height;

通过控制台打印这两个参数
在这里插入图片描述

发现两个数值是一样的,那到底有什么不同呢?

在这里插入图片描述
唯一不同的就是上图红色的部分

一、图中黄色+蓝色部分=Dimensions.get('window').height
二、图中黄色+蓝色+红色部分=Dimensions.get('screen').height

因为我的手机是iphone,没有下面红色的部分,所以获得的两个数值是一样的,目前我没有安卓手机可以测试,等我找到手机了测试一下,把结果贴上来~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值