/Javascript/React/React native use route params

React native use route params

import * as React from 'react';
import { Text } from 'react-native';
import { useRoute } from '@react-navigation/native';

function MyText() {
  const route = useRoute();

  return <Text>{route.params.caption}</Text>;
}

Source: reactnavigation.org

React native use route params

navigation.navigate('RouteName', { /* params go here */ })

to recieve the params

function DetailsScreen({ route, navigation }) {
  const { itemId, otherParam } = route.params;
  return(<Text>itemId<Text>);
}

Source: reactnavigation.org

Similar codes

0 vote124 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React
1 vote131 views1 answer
How to create round image in react native
Javascript React
2 votes144 views2 answers
React Hook Form
Javascript React
0 vote176 views1 answer
Render blaze in react
Javascript React
21 votes133 views4 answers
React memo
Javascript React
1 vote163 views1 answer
React eslint prettier
Javascript React
48 votes150 views6 answers
Comment in react
Javascript React
32 votes133 views2 answers
Npm react router dom@5
Javascript React
0 vote133 views1 answer
Make image circle css react
Javascript React
0 vote134 views1 answer
React-native-cli remove
Javascript React