美文网首页
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