ネイティブナビゲーションタブログアウト機能に反応する

Question

反応ネイティブアプリがあり、反応ナビゲーションタブナビゲーターを使用しています。私の問題は、タブナビゲータにもログアウト機能を追加することですが、各タブには画面が必要です。ここで私がしたいのは、[ログアウト]をクリックするとどこでもナビゲートする必要がなく、asyncstorageをクリアしてログイン画面にリダイレクトするだけです。

ありがとうございます！

P.S.私は反応ネイティブに新しいです。

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）が、ハードであり、あなたの人生はとても簡単になり、長期的にはプロジェクトの開始時には意味がありませんので、あなたのプロジェクトにReduxのを使用するために、私は非常にお勧めします。あなたは上記の例よりも何かが必要になりますが、そうするためには。通常、あなたは、タブナビゲータでログアウトボタンを持っていない：私はあなたがこのhttps://medium.com/@jonlebensold/getting-started-with-react-native-redux-2b01408c0053

が、これは単にセマンティック/ UXコメント感覚