我在反应导航的导航中遇到了问题,并对本机做出了反应。它是关于重置导航和返回到主屏幕。
我已经在一个StackNavigator中构建了一个DrawerNavigator,主屏幕和其他屏幕之间的导航工作正常。但问题是,导航堆栈不断增长。我不知道如何从堆栈中移除屏幕。
例如,当从主屏幕转到设置屏幕,然后进入屏幕,最后再到主屏幕时,主屏幕在堆栈中是两次。使用后退按钮,我不会离开应用程序,但再次进入屏幕。
当再次选择主按钮时,堆栈的重置将是很棒的,但我不知道该如何做。这里有人试图帮助另一个有类似问题的人,但这个解决方案对我无效。
const Stack = StackNavigator({
Home: {
screen: Home
},
Entry: {
screen: Entry
},
Settings: {
screen: Settings
}
})
export const Drawer = DrawerNavigator({
Home: {
screen: Stack
}},
{
contentComponent: HamburgerMenu
}
)这是抽屉屏幕的一个简单例子
export default class HamburgerMenu extends Component {
render () {
return <ScrollView>
<Icon.Button
name={'home'}
borderRadius={0}
size={25}
onPress={() => { this.props.navigation.navigate('Home')}}>
<Text>{I18n.t('home')}</Text>
</Icon.Button>
<Icon.Button
name={'settings'}
borderRadius={0}
size={25}
onPress={() => { this.props.navigation.navigate('Settings')}}>
<Text>{I18n.t('settings')}</Text>
</Icon.Button>
<Icon.Button
name={'entry'}
borderRadius={0}
size={25}
onPress={() => { this.props.navigation.navigate('Entry')}}>
<Text>{I18n.t('entry')}</Text>
</Icon.Button>
</ScrollView>
}
}我希望你能帮助我。这是导航的一个重要部分,解决方案将是伟大的!
发布于 2017-03-29 13:39:10
在您的StackNavigator和DrawerNavigator中,您使用了Home作为密钥,我认为它必须是唯一的,这就是它造成问题的原因。请您尝试在您的DrawerNavigator中用堆栈替换Home。
希望这会有所帮助:)
https://stackoverflow.com/questions/43090884
复制相似问题