React native Wix Navigation.push possible unhandled promise rejection : Error : Échec de l'exécution de la commande de la pile.

Question

React native Wix Navigation.push possible unhandled promise rejection : Error : Échec de l'exécution de la commande de la pile.

Login.js

signUpLink =(screenName) => {

          Navigation.push(this.props.componentId, {
  component: {
    name: screenName,
  }
});

    }

 <TouchableOpacity style={styles.buttonText}   onPress={this.signUpLink('videostreme.SignUpScreen')}>
                <Text style={styles.signUpText} >First time here?? Sign Up</Text>
                </TouchableOpacity>

index.js

Navigation.registerComponent('videostreme.LoginScreen', () => Login);
Navigation.registerComponent('videostreme.MainScreen', () => Main);
Navigation.registerComponent('videostreme.SignUpScreen', () => SignUp);
Navigation.registerComponent('videostreme.SplashScreen', () => Splash);

Navigation.events().registerAppLaunchedListener(() => {
  Navigation.setRoot({
    root: {
     stack: {
         children: [
         {
             component: {
                 name: 'videostreme.MainScreen'
             }
         },

         ]
     }
    }
  })
})

Comment gérer cette promesse (Navigation.push), quelqu'un a-t-il une idée à ce sujet ?

Answer 1

Cela fonctionne quand j'ai donné componentId directement au lieu de this.props.componentId (ceci est indéfini lorsque je le console). Je donne donc directement componentId,

redirectPageHandler = screenName => {
  Navigation.push('login', {
   component: {
      name: screenName
   }
  });
}

La raison pour laquelle this.props.componentId est indéfini, nous devons passer les props du composant parent.

Mon composant enfant est Connexion et le composant parent est App

App.js

render() {
  return (
   <Login {...this.props} />
  )
}

Maintenant, nous pouvons utiliser this.props.componentId dans le composant enfant

Login.js

redirectPageHandler = screenName => {
  Navigation.push(this.props.componentId, {
   component: {
      name: screenName
   }
  });
}