react-native, android의 height에 대해서

height의 구성은 위에서부터

1. android의 status bar

2. react-native navigation header title

3. view(custom) - 사용자 영역

4. react-native navigation bottombar

이렇게 구성되어 있다.

 

// android status bar
import {StatusBar} from 'react-native';

// react-native device height
import { Dimensions } from 'react-native';

// react-native navigation header height
import { useHeaderHeight } from '@react-navigation/elements';

// react-native navigation bottom height
// 어디서 가져오는지는 아직 못찾고 직접 설정하여서 처리함
//screenOptions={({route}) => ({
//         tabBarStyle:  { height: 50 },