React navigation with components

I apologies before hand for confusion..

I have a my main App.js file which has my react stack navigation

one of the pages in the navigation is the home screen, the home screen has a list of cards that have buttons that link to different pages…

So there’s the homescreen
then there’s a flat list that renders a component from a different .js file
then that .js file has a button…

How would I make it that when a user clicks on a button, that it within this component.. it takes them to the right page, and switches the home screen page to the specified page, even though the command is coming not from the current page

Question 1: How would I send navigation of pages through props…
Question 2: How would i make the navigation coming from a component with a button change for the main page…

I don’t know how to explain…
I have tried everything I know and it when the button is clicked it crashes, or just doesn’t work…