Reagieren native navigation Registerkarte Logout-Funktion

Question

So habe ich eine reaktive native App und ich benutze reaktiv-Navigation Registerkarte Navigator. Mein Problem ist, dass ich meine Logout-Funktion auch auf den Tab-Navigator setze, aber jede Registerkarte erfordert einen Bildschirm. Nun, was ich will, ist, wenn ich auf Abmelden klicke, es muss nicht irgendwo navigieren, es muss nur asyncstorage löschen und dann zum Login-Bildschirm umleiten.

Vielen Dank im Voraus!

P.S. Ich bin neu zu reagieren, native.

Answer 1

Ich vermute, dass Sie Ihren Benutzer angemeldet haben und speichern Sie seine Informationen mit AsyncStorage (Sitzung).

1) Was ich mit react-navigation oder reactive-native-router-flux tun würde, ist das Laden einer Komponente, die auf der componentWillMount() - Funktion die Logout-Funktion auslöst und ihn auf die gewünschte Szene umleitet. Siehe nachstehendes Beispiel:

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) Ich empfehle Ihnen Redux an Ihrem Projekt zu verwenden, da, obwohl hart und macht keinen Sinn, zu Beginn eines Projekts auf lange Sicht macht Ihr Leben so einfach. Um dies zu tun, benötigen Sie etwas mehr als das obige Beispiel. Ich denke, Sie sollten diese überprüfen https://medium.com/@jonlebensold/getting-started-with-react-native-redux-2b01408c0053

Lassen Sie mich wissen, ob dies Sinn macht