title: Passing a function between multiple react native components
body: <p>I am a beginner React Native Developer working on a project with the following structure of components
  <a href="https://i.stack.imgur.com/bTd9o.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bTd9o.png" alt="enter image description here" /></a></p>
  <p>The problem I am having is that I have buttons located in the footer component that needs to call a function located in component 2. I'm just wondering what would be the best way to handle this situation. My first instinct would be to move the function to Page and then pass it down to Footer and Component 2 but from a readability perspective it makes it very unclear what the function itself is doing, and as this is code someone else has written I'm unsure if I would want to make such dramatic changes to the code.</p>