Getting props.navigation undefined in React-native

Question

In my main app page:

const App = StackNavigator({ sign-up: { screen: Signup }, });

on Signup page:

const { navigate } = this.props.navigation;

<Text onPress={() => navigate(‘sign-up’)} Sign Up</Text>

What am I missing?

You should not use - in name or variables, it can be signUp — Jigar Shah
– Jigar Shah, Commented Jul 27, 2017 at 8:13

Talha Awan · Accepted Answer · 2017-07-31 08:13:08Z

4

Use it like mentioned in this github issue comment:

const SimpleApp = StackNavigator({
  Home: { screen: HomeScreen }, 
});

AppRegistry.registerComponent('SimpleApp', () => SimpleApp);

Talha Awan

4,6194 gold badges27 silver badges40 bronze badges

answered Jul 27, 2017 at 8:11

Farrukh Hashmi

765 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1