탭탭카드놀이) 안드로이드 상태바 가림 이슈

앱을 개발할 때 체크하지 못했는데 빌드 후에 뭔가 어색했다

화면 상단의 상태바를 앱이 가린 상태였고 해결하였다

추후에도 발생할 수 있는 문제이므로 글을 작성한다

 

1. StatusBar import 하기

import { StatusBar } from "react-native";

 

2. 아래에 다음과 같이 작성

StatusBar.setBackgroundColor("transparent");
StatusBar.setTranslucent(true);
StatusBar.setBarStyle("dark-content")

3. 이슈발생 

StatusBar.setBackgroundColor("transparent");
StatusBar.setTranslucent(true);

이 둘은 안드로이드에서만 사용이 가능하다

import { Platform, StatusBar} from "react-native";

if(Platform.OS == 'android'){
  StatusBar.setBackgroundColor("transparent");
  StatusBar.setTranslucent(true);
}
StatusBar.setBarStyle("dark-content")

해결