So to reach that MealDetailScreen from inside our category meals screen, I'll do basically the same
I did before,
I'll add a button there,
so add a button here on the category meal screen with the title of go to details or whatever you want
and then we use onPress to fire a function when this button is pressed where I will use props.navigation.navigate,
using this navigate method to which we have to pass an object where we set up a route name
and now our route name has to be one of the identifiers we set up in the stack navigator here.
In this case, we want to go to the meal detail page, so I'll use meal detail here and point at this,
so here, point at meal detail and we should be good to go. If we now save this,
we can go to meals then we can go to the details and you see we get another forward animation, we can
go back and back again of course and all of that because this stack of multiple pages is managed under
the hood by React navigation.