[JAVASCRIPT 공부일지] 3주차 - 2 (리액트 기초 - 상태바(StatusBar))

리액트 네이티브로 앱 개발을 하다보면, 앱 화면을 보면서 스마트폰의 배터리 잔량, 인터넷 연결상태, 시간등을 확인하고 싶을때가 있습니다. 이를 표시해주는 기능이 '상태바 (Statusbar)' 입니다. 이 상태바를 표시해주는 방법에 대해 공부해보겠습니다.

---

<상태바 (Statusbar) >

- 기본값은 WHITE(흰색)으로 되어있기때문에, 몇시인지, 배터리, 와이파이 연결 등 잘 보이지 않습니다.

1. 먼저 상태바는 Expo에서 제공해주는 도구를 설치해주어야합니다.

2. 설치 후 이 도구에서 꺼내서 사용하기

expo install expo-status-bar

3. 기존 white로 되어있어 보이지 않던 상태바를 보이게 하기 => (MainPage.js) 에 추가

StatusBar style="black"

** 기본적으로는 스마트폰에는 statusbar 도구가 설치되어있습니다.

---

다음 공부일지에서는 앱 화면에서 화면으로 이동하는 '페이지 이동 - 네비게이터'에 대해서 알아보겠습니다.

'스파르타 코딩 클럽' 온라인 교육 플랫폼에서 배운 내용을 토대로 작성하였습니다.