생각은 길게 코딩은 짧게

Home에서 뒤로가기를 눌렀을 경우 앱을 종료할 수 있도록 BackHandler을 통해 구현해보았습니다. ✅ 안드로이드에서 뒤로가기 버튼을 사용하기 위해 BackHandler를 import import { BackHandler } from 'react-native'; ✅ 이벤트 리스너가 필요한 부분에 구현 componentDidMount() { BackHandler.addEventListener("hardwareBackPress", this.backPressed); } componentWillUnmount() { BackHandler.removeEventListener('hardwareBackPress', this.backPressed); } BackHandler.addEventListener : 이벤트..

열어분 Happy New Year ♥ List 를 불러올 때 양이 많아서 Delay가 있기 때문에 List들을 불러올 때 동안 로딩화면이 돌아가도록 구현해보았어요 📍 ActivityIndicator 란 원형의 로딩창으로 일부 활동에서 진행상황을 나타내는데 사용됩니다 ✅ Indicator.js - 로딩화면이 필요한 곳이 있을 때마다 불러서 사용하기 위해 하나의 파일을 만들어주었습니다. import React, {Component} from "react"; import { ActivityIndicator , StyleSheet, View } from "react-native"; class Indicator extends Component{ render(){ return ( ) } } const styles ..

Modal 구현할 때마다 방황하는 내가 싫어 제대로 포스팅한다 !!!! ✅ 모달을 띄우는 부울 값 this.state = { number: null, modal: false, } handleModal = () => { this.setState({ modal: this.state.modal ? false : true, }); }; ✅ 상품등록 버튼 시 모달을 띄워야 하므로 onPress 시 handleModal 함수 부르기 상품등록하기 ✅ class SearchModal에 Props로 전달할 값들 선언 {this.state.modal && ( this.setState({ modal: this.state.modal ? false : true })} />)} ✅ SearchModal 에서 Modal 구현해주기..

안녕하세요 세히이 입니다 ! 카메라 구현하는데 애를 많이 먹었습니다 흑 RN 카메라 Vision 카메라 Image Picker 여러가지 찾아보았는데 RN 카메라는 deprecated 되었다고 하여 쓰지 않았고 Image-Picker을 시도해보았어요 카메라 아이콘을 누르면 모달이 뜨며 실행이 되도록 하였습니다 Image-Picker 설치 npm install --save react-native-image-picker android / app / src / main / AndroidManifest.xml 접근 권한 수정 모달 구현 ( UploadModeModal.js ) import React from "react"; import { StyleSheet, Modal, View, Pressable, Text ..