ReactNativeでのAndroidの画面の高さ

https://gyazo.com/f8c71dcfe4ea7045ff9afc34ee5d5ee2 https://stackoverflow.com/a/60561393

device height

画面全ての高さ

Dimensions.get('screen').height

window height

上下のバーを除いた部分全体の高さ

Dimensions.get('window').height

status bar

画面上部のバー

StatusBar.currentHeight

navigation bar

画面下部のバー

上の3つを使って計算するしかないっぽい

code:ts

import { Dimensions, StatusBar } from 'react-native';

const deviceHeight = Dimensions.get('screen').height;

const windowHeight = Dimensions.get('window').height;

const navbarHeight = deviceHeight - windowHeight - (StatusBar.currentHeight ?? 0);

ちなみに

原点は左上の頂点

heightを大きくすると上から下へ伸びていく