본문 바로가기

리액트 네이티브

[인스타그램 클론코딩] 앱 로그아웃 구현

인스타그램 클론코딩 웹과 동일합니다.

참조: [인스타그램 클론코딩] 웹 로그아웃 구현

 

로그아웃 버튼을 클릭했을 때 다음 코드만 실행시키면 됩니다.

Auth.signOut();

위 코드가 실행되면 토큰을 포함한 Async Storage에 저장된 모든 로그인 정보까지 함께 삭제됩니다.

그리고 로그아웃 이벤트는 App 컴포넌트의 Hub 객체가 수신해서 isLoggedIn Hook을 false로 변경합니다. 그럼 App 컴포넌트부터 다시 랜더링됩니다.

참조: [인스타그램 클론코딩] 앱 로그인 구조

로그아웃 버튼 이벤트 핸들러

const logOut = async () => {
  await Auth.signOut();
}