React Native Tutorial #22 - Passing Data Between Screens

Hey gang, in this React Native tutorial we'll see how to pass data between screens when navigating from one to another (in our case from Home to Review Details).
----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🐱‍💻 🐱‍💻 Other Related Courses:

[nikulasoskarsson]

const [reviews, setReviews] = useState([
{ title: 'Zelda, Breath of Fresh Air', rating: 5, body: 'lorem ipsum', key: '1' },
{ title: 'Gotta Catch Them All (again)', rating: 4, body: 'lorem ipsum', key: '2' },
{ title: 'Not So "Final" Fantasy', rating: 3, body: 'lorem ipsum', key: '3' },
]);

[rushtothemax]

Everytime I have to learn something, one of your tutorials saves the day

[sudonitin]

Hey man, Thank you for this tutorial. Helped a lot..!
I request all viewers to support the video that helps you in any way. There are more viewers who might need to see these videos.
Best Regards..!
Cheers to all devs

[_wise_one]

this is one of the best channel on youtube. keep it up

[mv]

This method still works with Drawer Navigation, or atleast that was the only way I found to pass params between screens. Using route.params would be "undefined" and crash the app. So thank you for this video!

[alirezaesbati]

the best video tutorial i have ever watched !! <3 respect !!

[uxninjaa]

Little update for React Navigate 5:

export default function ReviewDetails({ route, navigation }) {

const { title, rating, body } = route.params;
return(
<View
<Text>
{JSON.stringify(title)}
</Text>
<Text>
{JSON.stringify(rating)}
</Text>
<Text>
{JSON.stringify(body)}
</Text>
</View>
)
}

[amaadali]

Really good work.. And the way of explanation.. Amazing

[AzoltoFire]

Really good videos, this is exactly what i wanted, many thanks

[yolandajoseribasbastidas]

Thank you so much for these videos, help me a lot!

[sajidjabbar]

Thank you so much, really appreciate your work

[muhdibee]

Nice, This helped me in my project, thanks alot.

[Crosfake]

Shaun Hello! Your content is awesome =) keep up a good job! Just a lil question. Is it possible in near future u will make an updated Angular content?

[juliocesarmontanha]

Great Job. My problem is resolved. Thanks!!!

[paristar]

Smash the like button. He really deserves.

[abeprangishvili]

traversy media and net ninja you are the best fantastic men !

[mayursarode]

Great tutorial, I have a query, can we update route.params which we had received from screen 1 and then the updated (using <Modal />) one send to next screen??

[learnedcurve]

For those who are working with a more updated navigation

export default function ReviewDetails({ route, navigation }) {
const { item } = route.params;

return (
<View
<Text>{item.title}</Text>
</View>
);
}

[tanujnamdeo]

Please do a series on React navigation 5.x.

[JoaoPereira-txib]

Hey, when you want to do a flatlist, followed by another flatlist after chosing a item, how do you do that?