React Native獲取手機的各種高度

 

 

一、窗口高度

即圖中黃色+藍色部分

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;