indéfini n'est pas un objet(l'évaluation de ce.accessoires de jeu.navigator.push)

J'ai deux page je.e signe en page et une page de paiement.
Je suis en train de naviguer vers la page de paiement sur appuyez sur SignIn bouton, mais j'obtiens l'erreur undefined n'est pas un objet(l'évaluation de ce.accessoires de jeu.navigator.push)

Le code est comme ci-dessous:

import React, {
StyleSheet,
Text,
View,
TextInput,
Component,
Alert,
Navigator
} from 'react-native';

var Button = require('react-native-button');
import Payments from '../payments'


class Signin extends Component{


 onSubmitPressed(){
    this.props.navigator.push({
        title: 'secure Page',
        component: <Payments/>

    });


  };

render() {
return(

 <View style={styles.container}>
<View style={styles.Inputview}>
<TextInput id='user' style={styles.input}
placeholder={'Username'}
/>
<TextInput id='Password' secureTextEntry={true}
placeholder={'Password'}
onChangeText={password => this.setState({password})}
/>
</View>

<View >
 <Button style={styles.Register}  
 onPress={(this.onSubmitPressed)}>
  Sign In
  </Button>
 </View>
 </View>
 )
  }
 }


 export default Signin


If any one let me know how to solve this issue??
Pouvez-vous montrer votre Navigator composant et votre renderScene méthode?
je n'ai pas ajouté importe quel navigateur composant ici, j'ai seulement ajouté du code pour signin page comme indiqué ci-dessus dans payment.js je n'ai qu'message de bienvenue
veuillez fournir des informations sur votre réagissent-natif de la version que vous utilisez
réagir indigènes@^0.22.2
je suis la suite de cet exemple, thepolyglotdeveloper.com/2015/09/...

OriginalL'auteur animesh | 2016-05-25

  1. 7

    Vous devez configurer votre Navigateur et itinéraire initial comme le point d'entrée, par opposition à un élément régulier. Essayez quelque chose comme ceci:

    (Également mis en place un exemple de travail ici)

    https://rnplay.org/apps/iKx2_g

    class App extends Component {
  renderScene (route, navigator) {
    return <route.component navigator={navigator} />
  }
  render() {
    return (
      <Navigator
        style={styles.container}
        renderScene={this.renderScene.bind(this)}
        initialRoute={{component: SignIn}}  
      />
    );
  }
}

class SignIn extends Component {
  _navigate () {
    this.props.navigator.push({
        component: Payments
    })  
  }
  render () {
    return (
      <View>
        <Text>Hello from SignIn</Text>
        <Button onPress={this._navigate.bind(this)} />
      </View>
    )
  }
}

class Payments extends Component {
    render () {
    return (
      <Text>Hello from Payments</Text>
    )
  }      
}
    comme Nader Dabit exemple mentionné est le bon moyen de passer le navigateur objet et de le rendre de composants individuels 🙂 également lier la méthode dans le constructeur, qui doit être appelée dans onPress de bouton 🙂
    J'obtiens l'erreur undefined n'est pas un objet( l'évaluation de ce.accessoires de jeu.navigator.push')
    Dabit pouvez-vous s'il vous plaît mettez un coup d'œil sur le lien ci-dessous :- stackoverflow.com/questions/44517782/...

    OriginalL'auteur Nader Dabit