React Native获取手机的各种高度
生活随笔
收集整理的這篇文章主要介紹了
React Native获取手机的各种高度
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
?
?
一、窗口高度
即圖中黃色+藍色部分
import { Dimensions } from "react-native";const deviceHeight = Dimensions.get('window').height;
二、屏幕高度
即圖中黃色+藍色+紅色部分
import { Dimensions } from "react-native";const deviceHeight = Dimensions.get('screen').height;
三、內(nèi)容高度
即圖中藍色部分
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;?
轉(zhuǎn)載于:https://www.cnblogs.com/bbcfive/p/11123075.html
總結(jié)
以上是生活随笔為你收集整理的React Native获取手机的各种高度的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 新一代Spring Web框架WebFl
- 下一篇: 面试被吊打 - Redis原理