reactjs - 屏幕在 React Navigation 中自动导航到上一个屏幕

Question

所以，在我的根index.js文件中，我有这条路线

const RootNav = createSwitchNavigator(
  {
    Auth: {
        screen: Auth
    },
    Tabs: {
        screen: TabHolder
    },
  },
  {
    initialRouteName: 'Auth',
  }
);

Auth.js

const Auth = createStackNavigator(
    {
      Splash: {
          screen:Splash
      },
      BeforeLogin: {
          screen:BeforeLogin
      },    
      Signin: {
          screen:Signin,
      },
      ForgotPassword: {
          screen:ForgotPassword
      },
      Signup: {
          screen:Signup
      },
    },
    {
        headerMode:'none',
        mode:'modal', 
    }
  );

TabHolder.js

const TabHolder = createBottomTabNavigator ({
 HomeMainTab: {
      screen: HomeMainStack,
      navigationOptions: { },
},
 ProfileMainTab: {
      screen: ProfileMainStack,
      navigationOptions: { },
},
)}

const ProfileMainStack = createStackNavigator({

      Profile: {
          screen:Profile
      },
      Settings: {
          screen:Settings,
      },
    },
  {
      headerMode:'none',
      mode:'modal',
  },
);

现在，当Settings我Signin使用this.props.navigation.navigate('Signin'). 我被导航到Signin屏幕，然后立即进入BeforeLogin屏幕。我不知道为什么会这样。