ReactNative - hardwareBackPress

이호현·2021년 6월 29일
0

ReactNative

목록 보기
3/5

hardwareBackPress

안드로이드 기기 자체에 있는 뒤로가기 버튼 때문에 이슈가 발생
특정 상황에서 뒤로가기 버튼 작동 안되게 해야됐음.

import { BackHandler } from 'react-native';

우선 BackHandlerimport한다.

useEffect(() => {
  BackHandler.addEventListener('hardwareBackPress', () => {
    return true;
  });

  return () => BackHandler.removeEventListener('hardwareBackPress');
}, []);

특정 component가 마운트 될 때 뒤로가기 버튼 적용 안되게 함.
EventListenercallbacktruereturn하면 뒤로가기 버튼이 작동을 안한다고 해서 테스트 해봤더니 잘 적용됨.
언마운트 될 때 EventListener 제거.

화면 전환은 안되는데 타이핑을 위해 가상키보드가 있으면 가상키보드는 뒤로가기 버튼에 의해 사라지긴 하는데 그거까지 막을 수 있는 기능이 있는지는 아직 모르겠음.

profile
평생 개발자로 살고싶습니다

0개의 댓글

관련 채용 정보