React-native

[ React Native ] 뒤로가기 버튼 비활성화

부루붐 2023. 2. 20. 16:19

BackHandler 사용하기

import {BackHandler} from 'react-native';

const handlePressBack = () => {
    return true;
};
  
useEffect(() => {
   BackHandler.addEventListener('hardwareBackPress', handlePressBack);
   return () => {
     BackHandler.removeEventListener('hardwareBackPress', handlePressBack);
   };
}, [handlePressBack]);

hardwareBackPress의 이벤트 함수에는 boolean 리턴 값을 주어야 합니다.

true 를 리턴하면 바로 종료

false를 리턴하면 다른 상위 컴포넌트에서 설정한 hardwareBackPress 함수가 이어서 동작