从子组件反应本机导航 [英] React Native Navigation from Child Components

问题描述

我尝试实现屏幕之间的简单导航，但收到此错误：

Undefined is not an object 'this.props.navigate'

AppNavigator.js

let AppNavigator = createStackNavigator({
  Signup: 
  { screen: SignupScreen, 
    navigationOptions: {
      header: null
    }

  },
  Login: { screen: LoginScreen,
    navigationOptions: {
      header: null
    } 
  },
},{
  initialRouteName: "Signup"
});

SignupScreen.js

<View>
 <SignupForm/>
</View>

SignupForm.js

const { navigate } = this.props.navigation;
<Text onPress={() =>
       navigate('Login')
}>
 ¿Allready have an account? Sign in
</Text>

我想问题在于在子组件情况下有一些额外的工作要做。请帮帮忙。

推荐答案

您应该将navigation传递给SignupForm。选择下面的%1个解决方案(共%2个)

1。

<View>
 <SignupForm navigation={this.props.navigation} />
</View>

或

2. 在SignupForm.js中

import { withNavigation } from 'react-navigation';

export default withNavigation(SignupForm);

这篇关于从子组件反应本机导航的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！