ReactNative BottomInset(BottomSpace)의 높이 구하기

문제상황

여느때와 같이 아이폰의 bottom space를 구하려고 했습니다.

하지만 잘 알려진 모듈인 react-native-iphone-x-helper을 사용하여 구하려고 하니 iPhone 14에서 0이 나왔습니다...

이게 뭐람 하고 모듈의 업데이트 날짜를 봤는데..

2년전... 게다가 Weekly Downloads는 373,940...

그래서 전 다른 모듈을 쓰기로 했습니다.

해결과정

rn-iphone-helper를 사용하여 해결하였습니다.

# install package
npm install rn-iphone-helper
# OR
yarn add rn-iphone-helper

패키지를 설치해주고, 저희가 원하는 BottomInset을 구하는 방법은 아래 코드를 보시면 됩니다.

import {getBottomInset} from 'rn-iphone-helper';

getBottomInset();

다운로드 수는 적지만, iPhone 14에서 잘 동작한다는점, 업데이트에 대한 대응이 빠르다는 점에 대해서 모듈을 사용하였습니다.
이런건 RN에서 기본지원 해주면 안되나..

최종정리

import {getBottomInset} from 'rn-iphone-helper';

getBottomInset();

모두 열심히 코딩하세요!