美文网首页
React Native中StackNavigator的路由重置

React Native中StackNavigator的路由重置

作者: 做全栈攻城狮 | 来源:发表于2018-06-13 10:19 被阅读130次

    在React-Native实际开发过程中,会遇到StackNavigator需要完全退出的情况。

    如下例子:

    1.登录时,登陆成功进入主页面。当点击返回时需要直接退出应用

    2.进行退出登录操作时,需要返回到登陆界面。点击返回直接退出应用

    但使用默认的StackNavigator进行跳转时,返回键依然会进入上次跳过来的界面。

    为了解决这个问题,要用到以下代码,对路由表进行重置:(Login代表跳转到的界面Name)

    const resetAction =StackActions.reset({

    index:0,

    actions: [

    NavigationActions.navigate({

    routeName:'Login',

    })

    ]

    });

    代码:

    onPress={() => { navigate("Login") this.props.navigation.dispatch(resetAction); }}>退出登录

    相关文章

      网友评论

          本文标题:React Native中StackNavigator的路由重置

          本文链接:https://www.haomeiwen.com/subject/coadeftx.html