React Navigation: navigate from children

Question

I am in a situation where I need to navigate from a child of StackNavigator . How is this typically achieved? Does the this.props.navigation.navigate have to be passed down as props or is there an other way to do it. Something along the lines of React Router's withRouter HOC?

Answer 1

The navigation prop is only available for the navigation-aware components which are the 'screen's. You can pass the navigation object down to child components as props or you can add the child component as a screen to the StackNavigator.