undefined ist kein Objekt (Bewertung 'this.props.navigation.navigate') (häufige Fragen) (CRNA)

Question

Ich verwende CRNA v0.44. Ich mache eine Anmeldung für zwei Bildschirme. Ich bin auf dem 1. Bildschirm, jetzt möchte ich mit react-navigation zum zweiten Bildschirm gehen.

Aber immer Fehler:

undefined is not an object (evaluating 'this.props.navigation.navigate')

ich das Internet und fand Bedarf erforscht prop Symbol weitergegeben, sondern herauszufinden, wie man nicht in der Lage?

SignupForm.js:

import { 
    StackNavigator, 
} from 'react-navigation' 
import SignupForm2 from './SignupForm2' 
const App = StackNavigator({ 
    SignupForm2: { screen: SignupForm2 }, 
}); 
export default class SignupForm extends Component { 

render() { 
const { navigate } = this.props.navigation 
return (
<Button 
     title="Go to Jane's profile" 
     onPress={() => 
      navigate('SignupForm2', { name: 'SignupForm2' }) 
     } 
     /> 
) 
    } 
} 

Answer 1

Ich denke, die ersten SignupForm Teil des Navigators auch, sein muss und dann den Navigator sagen, dass der Startbildschirm SignupForm ist.

Answer 2

Ich denke, Ihr Renderup SignupForm in Ihrer AppRegistry.registerComponent, stattdessen versuchen Sie den folgenden Code. Sie müssen auch SignupForm in den StackNavigator aufnehmen und die Variable App in Ihrer AppRegistry.registerComponent darstellen.

import { 
StackNavigator, 
} from 'react-navigation' 

import SignupForm2 from './SignupForm2' 

const App = StackNavigator({ 
    SignupForm: { screen: SignupForm } 
    SignupForm2: { screen: SignupForm2 }, 
}); 

export default class SignupForm extends Component { 

render() { 
const { navigate } = this.props.navigation 
    return (
    <Button 
     title="Go to Jane's profile" 
     onPress={() => 
     navigate('SignupForm2', { name: 'SignupForm2' }) 
     } 
    /> 
) 
} 
} 

AppRegistry.registerComponent('yourApp',() => App);