我的导航有问题反应导航和反应本机。这是关于重置导航并返回主屏幕。

我已经在 DrawerNavigator 内部构建了 StackNavigator，并且主屏幕和其他屏幕之间的导航正在工作。但问题是，导航堆栈不断增长。我不知道如何从堆栈中删除屏幕。

例如，当从主屏幕转到设置屏幕，然后转到输入屏幕，最后再次转到主屏幕时，主屏幕在堆栈中出现两次。使用后退按钮，我不会退出应用程序，而是再次进入输入屏幕。

当再次选择主页按钮时，重置堆栈会很棒，但我不知道该怎么做。Here有人试图帮助其他有类似问题的人，但该解决方案对我不起作用。

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>
  }
}

我希望你可以帮助我。这是导航的重要组成部分，如果有一个解决方案就太好了！

反应导航 5.x、6.x

import { CommonActions } from '@react-navigation/native';

navigation.dispatch(
  CommonActions.reset({
    index: 1,
    routes: [
      { name: 'Home' },
      {
        name: 'Profile',
        params: { user: 'jane' },
      },
    ],
  })
);

可用于Snack