본문 바로가기
반응형

안드로이드7

[React Native] 안드로이드 상단 상태바 안보이는 경우 - StatusBar 글자색 변경 안드로이드 앱 개발중에 상단 상태바의 글씨가 안보이는 현상이 발생한 경우가 있었는데 그런 경우 해결 방법입니다. 상태바 (StatusBar)는 안드로이드 스마트폰 상단에 시계와 앱 알림 아이콘, LTE, 배터리량 등 정보가 표시되는 부분 입니다. 상태바의 글씨나 아이콘들이 안보이는 경우는 글씨색과 배경색이 같은 경우인데 이번의 경우에는 밝은 배경에서 안보이는 경우라 글씨와 아이콘을 어두운 색으로 변경하는 방법 입니다. # 글자색과 아이콘을 어두운 색으로 보여주기 import {StatusBar} from 'react-native'; StatusBar.setBarStyle('dark-content'); //상단 상태바 글자 색상 어둡게 설정 StatusBar.setBarStyle('light-conten.. 2023. 11. 12.
[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] 이미지 업로드 하기 - 갤러리, 사진첩 이미지 리액트 네이티브로 앱을 구현할 때, 스마트폰에 있는 이미지를 업로드하는 기능이 필요한 경우 사용할 수 있는 launchImageLibrary에 대해 알아보겠습니다. (안드로이드 기준) # 먼저 launchImageLibrary를 사용하기 위해 라이브러리를 설정합니다. import {launchImageLibrary} from 'react-native-image-picker'; # 이미지를 불러오기 위한 버튼을 만들어 주고 onSelectImage()} > 이미지 추가하기 const styles = StyleSheet.create({ img: { height: 120, width: 120, marginTop: 20, marginBottom: 20, alignSelf: 'center', }, }); # 이미.. 2023. 7. 31.
[React Native] 리액트 네이티브 안드로이드 기기 뒤로가기 버튼으로 앱 종료 하기 리액트 네이티브로 안드로이드 앱 개발을 하면서 안드로이드 기기에만 있는 물리적인 뒤로가기 버튼을 눌렀을때, 앱을 종료하는 기능을 구현했다. # 안드로이드 기기의 뒤로가기 버튼 눌렀을때 앱 종료 시키기 // 안드로이드 기기 뒤로가기 버튼 const backAction = () => { Alert.alert( '알림', '앱을 종료하시겠습니까?', [ {text: '취소', onPress: () => {}, style: 'cancel'}, { text: '확인', onPress: () => { BackHandler.exitApp(); }, style: 'destructive', }, ], { cancelable: true, onDismiss: () => {}, }, ); return true; } const.. 2023. 6. 6.
반응형

티스토리툴바