未定义不是对象（评估'this.props.navigation.navigate'）（常见问题）（CRNA）

Question

我正在使用CRNA v0.44。我正在进行两个屏幕注册。我在第一个屏幕上，现在我想要使用react-navigation进入第二个屏幕。

但得到错误：

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

我已经探索互联网和发现需要道具传递给按钮，但没能搞清楚如何？

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

我想第一个SignupForm必须是导航的一部分为好，然后告诉导航的初始画面SignupForm。

Answer 2

我想你的AppRegistry.registerComponent中的SignupForm渲染，而是尝试下面的代码。您还需要在StackNavigator中包含SignupForm，并在AppRegistry.registerComponent中呈现变量App。

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);