React Native 앱 전체화면으로 보여주고 싶을 때

Posted on Edited on In , Word count in article: 80 Reading time ≈ 1 mins.

앱실행시에 상단바, 하단메뉴를 안보이게

상단 바와 안드로이드 하단 메뉴를 안보이게

전체화면 라이브러리

안드로이드 설정에서 상단바를 hidden 처리 할 수 있지만
리액트 네이티브 라이브러리를 사용해서 처리하자
react-native-system-navigation-bar

1
2
3
4
## npm install
npm install react-native-system-navigation-bar
## or yarn install
yarn add react-native-system-navigation-bar
1
cd ios && pod install && cd ..

사용

stickyImmersive 를 사용했다

처음에는 안보이고 메뉴쪽을 터치하면 보이도록

stickyImmersive

App.js 에 추가

1
2
3
import SystemNavigationBar from 'react-native-system-navigation-bar';

SystemNavigationBar.stickyImmersive();