4

For class component there is "this.props.route.params" option. How to get params from one screen to other screen in react hook functional component.

"react": "16.11.0",
"react-native": "0.62.2",
"react-navigation": "@react-navigation/native": "^5.1.2",
Rahul Bhogayata
  • 71
  • 2
  • 3
  • Does this answer your question? [Programmatically navigate using react router](https://stackoverflow.com/questions/31079081/programmatically-navigate-using-react-router) – Pavlonator Jun 01 '20 at 21:47

3 Answers3

6

You can use the hook useRouter from @react-navigation/native

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>;
}
Jackmekiss
  • 633
  • 5
  • 12
0

You can use:

If the component is in a navigation stack use:


const myParam = props.route.params?.param_name

Otherwise:


import { useRoute } from "@react-navigation/native";
//
//
const route = useRoute()

const myParam = route.params?.param_name

The ? is for security. If params is undefined it won't crash.

B. Mohammad
  • 2,152
  • 1
  • 13
  • 28
-1

this.props.navigation.getParam('param_name')

Sanoob Pookodan
  • 25
  • 1
  • 4