반응형 Frontend/React Native19 [React Native] 안드로이드 상단 상태바 안보이는 경우 - StatusBar 글자색 변경 안드로이드 앱 개발중에 상단 상태바의 글씨가 안보이는 현상이 발생한 경우가 있었는데 그런 경우 해결 방법입니다. 상태바 (StatusBar)는 안드로이드 스마트폰 상단에 시계와 앱 알림 아이콘, LTE, 배터리량 등 정보가 표시되는 부분 입니다. 상태바 의 글씨나 아이콘들이 안보이는 경우는 글씨색과 배경색이 같은 경우인데 이번의 경우에는 밝은 배경에서 안보이는 경우라 글씨와 아이콘을 어두운 색으로 변경하는 방법 입니다. # 글자색과 아이콘을 어두운 색으로 보여주기 import {StatusBar} from 'react-native'; StatusBar.setBarStyle('dark-content'); //상단 상태바 글자 색상 어둡게 설정 StatusBar.setBarStyle('light-conten.. 2023. 11. 12. [React Native] 앱 버전 정보 규칙과 앱 버전 정보 조회하기 - 리액트네이티브 거의 모든 앱들을 보면 설정 메뉴에 앱 버전이라고 명시되어 있는 숫자들을 볼 수 있습니다. 이 버전을 생성하는 규칙과 리액트 네이티브에서 앱 버전과 스토어에 출시된 최신 버전을 가져오는 방법 입니다. # 버전 규칙 1.10.3 이라는 버전이 있다고 한다면 각각 Major, Minor, Patch를 의미합니다. Major (1) : 필수 업데이트가 필요하며, 업데이트 하지 않으면 앱을 정상적으로 사용할 수 없음. Minor (10) : 업데이트가 선택이며, 새로운 기능 추가 또는 수정이 이루어진 경우로 업데이트 하지 않아도 앱 사용 가능. Patch (3) : 업데이트가 선택이며, 영향도 적은 버그 및 오류를 수정한 경우로 업데이트 하지 않아도 앱 사용 가능. # 버전 증가 1.10.3 이라는 버전에서 M.. 2023. 10. 30. [React Native] 안드로이드 뒤로가기 버튼으로 앱 종료 Toast 메시지 처리 리액트 네이티브로 안드로이드를 개발하다보면 ios와는 다르게 물리버튼으로 뒤로가기나 앱을 종료 시킬 수 있기 때문에 이에 따른 처리를 해줄 필요가 있다. alert으로 사용자에게 알림을 줄 수도 있지만, 이번에는 안드로이드의 Toast 메시지를 이용하여 좀 더 자연스럽게 처리하는 방법으로 구현해 보았다. # 뒤로가기 물리버튼과 Toast 메시지를 사용하기 위해 필요한 라이브러리를 import 해준다 import {BackHandler, ToastAndroid} from 'react-native'; # 2초안에 뒤로가기 버튼을 두번 누르게 되면 앱을 종료하는 로직 let isExitApp = false; let timeout; useEffect(() => { // 안드로이드 기기 뒤로가기 버튼 const .. 2023. 10. 16. [React Native] http 프로토콜 접속 오류 해결 안드로이드에서 http 프로토콜로 url 접속을 시도할때 Cleartext HTTP traffic to '' not permitted 와 같은 오류가 발생하는 경우가 있다. 해당 오류는 안드로이드 정책 상 http 프로토콜 접속을 막고 있기 때문에 발생하는 것으로, http 프로토콜 접속을 허용하는 설정을 아래와 같이 추가해준다. # http 프로토콜 접속 허용 설정 파일 경로 Android > app > src > main > res > xml > network_security_config.xml # 설정 추가 101.12.34.56 102.1.2.3 102.4.5.6 cleartextTrafficPermitted를 true로 설정해주고 domain-confg에 접속할 ip 주소를 추가해준다. 2023. 9. 18. 이전 1 2 3 4 5 다음 반응형
