Reactjs 重置堆栈在react导航中的瞬间显示堆栈中较旧的页面

当我在我的登录屏幕，我重置我的堆栈指向主选项卡导航器，我看到欢迎屏幕简短。看起来一点也不吸引人。我如何解决这个问题？ 我的路由器中有以下代码：

export const WelcomeStack = StackNavigator({
welcome:{
    screen: WelcomeScreen,
    navigationOptions: {
        header: () => { null }
    }
},
SignIn: {
    screen: SignIn,
    navigationOptions: {
        headerBackTitle: "Tilbake",
        headerTintColor: colors.background,
        headerStyle: {
            marginTop: Platform.OS === 'android' ? 24 : 0,
            backgroundColor: colors.primary
        },
        title: 'SeniorSmart'
    }
},
main: {
    screen: TabNavigator({
        FindEvents: {
            screen: FindEvents,
            navigationOptions: {
                title: 'Finn aktiviteter',
            },
        },
    }, {
        tabBarPosition: 'bottom',
        tabBarComponent: TabBarBottom,
        swipeEnabled: false,
        animationEnabled: true
    }),
}

这是我用来导航到主tabnavigator屏幕的代码：

 const resetAction = NavigationActions.reset({
                        index: 0,
                        actions: [
                            NavigationActions.navigate({ routeName: 'main' }),
                        ],
                    });
                    this.props.navigation.dispatch(resetAction);