How to navigate in redux-action?

Question

I need to navigate in redux-action. I'm try to implement an exit from an application. I always used react-native-router-flux before and not very familiar with react-navigation.

My code:

export const signOut = () => {
    const nav = NavigationActions.navigate({
        routeName: 'mainFlow', // It's navigation from drawer, so maybe I  // don't need to specify this routeName?
        action: NavigationActions.navigate({ routeName: 'intro' })
    });
    return () => {
        try {
            AsyncStorage.clear();
        } finally {
            AsyncStorage.getItem('token').then(function (response) {
                console.log(response);
            });
            return nav;
        }
    }

};

Sarmad Shah · Accepted Answer · 2018-12-15 16:34:26Z

4

Redux doesn't have access to navigation, But what you can do is. For example you have an action in your component...

componentDidMount() {
    this.props.getData();
}

and this actions needs to access navigation. What you can do is, pass the navigation to it.

this.props.getData(this.props.navigation);

and in your getData action, you can just use the navigation object, for example

const getData =(navigation) => {
navigation.navigate('ToYourScreen');
...
}

edited Dec 15, 2018 at 16:34

answered Dec 13, 2018 at 19:12

Sarmad Shah

3,8053 gold badges25 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to navigate in redux-action?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related