React-native-навигация работает некорректно

#react-native #react-native-navigation

#react-native #реагирующая встроенная навигация

Вопрос:

Я пытаюсь создать пользовательскую кнопку верхнего левого края, но дело в том, что когда я перехожу к этому конкретному маршруту без каких-либо ошибок или предупреждений, он не работает.

Вот мой стек react-navigation

  const Navigator = createStackNavigator({
  Welcome: WelcomeScreen,
  GetStarted: {
    screen: GetStartedScreen,
  },
  CreatePassword: CreatePasswordScreen,
  AlternatePhrase: {
    screen:AlternatePhraseScreen,
    navigationOptions: ({navigation}) => {
      return {
        headerLeft:<HeaderBackButton onPress={navigation.navigate("WelcomeScreen")} />
      }
    }
  },
  ConfirmPhrase: ConfirmPhraseScreen,
  FanwallyAgreement: FanwallyAgreementScreen,
  ImportWallet: ImportWalletFieldsScreen,
  Main: MainScreen,
  TokenDeposit,
});
  

Все остальные экраны работают отлично, только этот

 `
  AlternatePhrase: {
        screen:AlternatePhraseScreen,
        navigationOptions: ({navigation}) => {
          return {
            headerLeft:<HeaderBackButton onPress={navigation.navigate("WelcomeScreen")} />
          }
        }
      },
`
  

Любые предложения о том, что я делаю не так?

Комментарии:

1. Вы используете старую версию react-navigation. Если возможно, обновите до> 5.x

Ответ №1:

Попробуйте это

 onPress={() => navigation.navigate("WelcomeScreen")}