네이티브 탐색 탭 로그 아웃 기능

Question

그래서 반응하는 네이티브 앱이 있고 반응 탐색 탭 탐색기를 사용하고 있습니다. 내 문제는 내 로그 아웃 기능을 탭 네비게이터에 넣어도 각 탭마다 화면이 필요합니다. 이제 내가 원하는 것은 로그 아웃을 클릭하면 아무 곳이나 탐색 할 필요가 없으며 asyncstorage를 지우고 로그인 화면으로 리디렉션해야합니다.

미리 감사드립니다.

P. 나는 새로운 네이티브 반응을 보인다.

Answer 1

사용자가 로그인하여 AsyncStorage (세션)에 정보를 저장했다고 생각합니다.

1) 반응 탐색 또는 반응 고유 라우터 플럭스는 componentWillMount() 함수가 로그 아웃 기능을 트리거하고 필요한 장면으로 리디렉션하는 구성 요소를로드하는 것입니다.

import React, { Component } from 'react' 
import { connect } from 'react-redux' 
import { NavigationActions } from 'react-navigation' 
import { logoutUser } from '../actions/index' //Action from Redux 

class LogoutScene extends Component { 
    componentWillMount() { 
    this.props.logoutUser() 
    NavigationActions.navigate({ routeName: someRouteName }) 
    } 
} 

const mapStateToProps = (state) => {} 

export default connect(mapStateToProps, {logoutUser})(LogoutScene) 

2) 하드이며, 장기적으로 프로젝트의 시작 당신의 인생을 너무 쉽게에서 더 의미가 없음에도 불구하고 있기 때문에 프로젝트에 돌아 오는을 사용할 수 있도록 내가보기 엔 추천 : 아래의 예를 참조하십시오. 위의 예보다 더 많은 것을 원할 것입니다. 일반적으로 사용자가 탭 네비게이터에서 로그 아웃 버튼이없는 것 : 나는 당신이 https://medium.com/@jonlebensold/getting-started-with-react-native-redux-2b01408c0053

이 이해를