后退按钮转到堆栈的初始路径而不是前一个屏幕

Question

请考虑以下路线:

const App = TabNavigator({
    Home: {
        screen: HomeScreen
    },
    Settings: {
        screen: SettingsStack
    }
})


const SettingsStack = StackNavigator({
    SettingsMenu: {
        screen: SettingsMenuScreen
    },
    AccountSettings: {
        screen: AccountSettingsScreen
    }
})

HomeScreen 看起来像这样:

function HomeScreen ({ navigation }) {
    return (
        <View>
            <Button
                title=’Go to Account Settings’
                onPress={() => navigation.navigate(‘AccountSettings’)}
            />
        </View>
    )
}

当我按下按钮时HomeScreen,应用程序导航到AccountSettings.但是,当我单击AccountSettings"标题"中的后退按钮时,应用程序会导航到SettingsMenu.我希望它能回归Home.

什么应该是正确的行为？无论如何,我可以让它回到它的屏幕,而不是堆栈的初始路线？

我已经在GitHub中创建了一个repo来重现这个:https://github.com/Sparragus/react-navigation-issue

这是应用程序的截屏视频:http://recordit.co/tjQxbVcgtr