Toc
  1. 一、窗口高度
  2. 二、屏幕高度
  3. 三、内容高度
Toc
0 results found
bbcfive
React Native获取手机的各种高度

avatar

一、窗口高度

即图中黄色+蓝色部分

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

二、屏幕高度

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

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

三、内容高度

即图中蓝色部分

1
2
3
4
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;
本文作者:bbcfive
版权声明:本文首发于bbcfive的博客,转载请注明出处!