/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

1 vote191 views1 answer
Div onchange react
Javascript React
0 vote213 views3 answers
Line 32:18: 'Link' is not defined react/jsx-no-undef
Javascript React
10 votes154 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
20 votes205 views6 answers
Build apk react native
Javascript React
28 votes220 views1 answer
Semantic ui dropdown value react
Javascript React
0 vote208 views2 answers
React firebase hooks
Javascript React
-1 vote195 views1 answer
Timestamp to unix time react
Javascript React
2 votes202 views2 answers
How to change react icon color
Javascript React
0 vote202 views2 answers
Install react webpack
Javascript React
0 vote199 views1 answer
Npm: Create react chrome extension
Javascript React