美文网首页
RN正确获取安卓屏幕高度

RN正确获取安卓屏幕高度

作者: cw0925 | 来源:发表于2020-03-12 14:27 被阅读0次
1549437-20190702204230511-278531161.jpg

一、窗口高度
即图中黄色+蓝色部分

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;

相关文章

网友评论

      本文标题:RN正确获取安卓屏幕高度

      本文链接:https://www.haomeiwen.com/subject/lwiujhtx.html