/Javascript/React/Navigation react pass props

Navigation react pass props

Copyfunction HomeScreen({ navigation }) {  return (    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>      <Text>Home Screen</Text>      <Button        title="Go to Details"        onPress={() => {          /* 1. Navigate to the Details route with params */          navigation.navigate('Details', {            itemId: 86,            otherParam: 'anything you want here',          });        }}      />    </View>  );}
function DetailsScreen({ route, navigation }) {  /* 2. Get the param */  const { itemId } = route.params;  const { otherParam } = route.params;  return (    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>      <Text>Details Screen</Text>      <Text>itemId: {JSON.stringify(itemId)}</Text>      <Text>otherParam: {JSON.stringify(otherParam)}</Text>      <Button        title="Go to Details... again"        onPress={() =>          navigation.push('Details', {            itemId: Math.floor(Math.random() * 100),          })        }      />      <Button title="Go to Home" onPress={() => navigation.navigate('Home')} />      <Button title="Go back" onPress={() => navigation.goBack()} />    </View>  );}

Source: reactnavigation.org

Similar codes

10 votes216 views4 answers
Attempted import error 'switch' is not exported from 'react-router-dom'. in react js
Javascript React
0 vote248 views1 answer
React-with-firebase-auth
Javascript React
0 vote271 views1 answer
React call component state
Javascript React
0 vote274 views1 answer
React-native-image-viewing
Javascript React
0 vote266 views1 answer
React native set default ios simulator
Javascript React
17 votes248 views5 answers
Add background image react native
Javascript React
145 votes375 views6 answers
Add bootstrap to react
Javascript React
3 votes272 views1 answer
React is front end or backend
Javascript React
0 vote263 views3 answers
Create dots in carousel react js bootraps
Javascript React
125 votes347 views6 answers
Create React App command
Javascript React