title: Passing props from a root component through a BottomTabNavigator
body: <p>My app root component looks like this:</p>
  
  <pre><code>export default class App extends React.Component {
    render() {
      &lt;RootTabs doThings={this.doThings} /&gt;
    }
  }
  </code></pre>
  
  <p>The <code>RootTabs</code> component is created by <a href="https://reactnavigation.org/docs/en/bottom-tab-navigator.html" rel="nofollow noreferrer">createBottomTabNavigator</a> from react-navigation:</p>
  
  <pre><code>const RootTabs = createBottomTabNavigator({
    Movies: {
      screen: Movies
    },
    Actors: ... // etc
  })
  </code></pre>
  
  <p>My problem is, I would like to transmit data (as a prop if possible) from the root component (<code>App</code>) to the <code>Movies</code> component, but <code>Movies</code> do not receive the <code>doThings</code> prop.</p>
  
  <p><strong>How to transmit props through a <code>BottomTabNavigator</code> to children?</strong></p>
  
  <p><strong>If that's not possible, what would be the most simple way for a children component to call a method on a root component, when they are separated by a <code>BottomTabNavigator</code>?</strong></p>