React Native获取手机的各种高度

  • Z时代
  • 2024-01-10
  • 分类：综合

react

一、窗口高度

即图中黄色+蓝色部分

import { Dimensions } from "react-native";
const deviceHeight = Dimensions.get('window').height;

二、屏幕高度

即图中黄色+蓝色+红色部分

import { Dimensions } from "react-native";
const deviceHeight = Dimensions.get('screen').height;

三、内容高度

即图中蓝色部分

import { StyleSheet, View, Text, ScrollView, Dimensions, PanResponder, StatusBar } from "react-native";
const deviceHeight = Dimensions.get('window').height;  
const STATUS_BAR_HEIGHT = StatusBar.currentHeight; //即图中黄色部分
const height = deviceHeight  - STATUS_BAR_HEIGHT;

以上是 React Native获取手机的各种高度 的全部内容， 来源链接： utcz.com/z/382514.html

回到顶部