javascript - undefined 不是一个对象(评估 'this.props.navigation.navigate' )(常见问题)(CRNA)

Question

我正在使用 CRNA v0.44 。我正在进行两个屏幕注册。我在第一个屏幕上，现在我想使用 react 导航转到第二个屏幕。

但是出现错误:

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

我探索了互联网，发现需要将 Prop 传递给按钮，但无法弄清楚如何？

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

我认为您在 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);