how to navigate from nested component to other component react native?

Question

i have a component in which on button click i render a component

 <View style={styles.container}>
    <Text> in Default component!</Text> 
    <Button title="add"
    onPress={this.handelSubmit} />
     {items.map((item, index) => (
         <Home key={index} data={index}  />))} 
 </View>

and my home component look like

 <View style={styles.container}>
    <Text onPress={() => { this.props.navigation.navigate("Calculator")}}>Semester {this.props.data +1}</Text>
  </View>

onPress event i want to navigate to other screen i.e 'Calculator.js' but i got an error i am using react-navigation for navgation

Ali SabziNezhad · Accepted Answer · 2018-09-26 08:11:29Z

1

If you want to navigate from a component, you have to use your component like this:

<Home key={index} data={index} navigation={this.props.navigation} />

answered Sep 26, 2018 at 8:11

Ali SabziNezhad

3,1081 gold badge20 silver badges32 bronze badges

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

Collectives™ on Stack Overflow

how to navigate from nested component to other component react native?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related