title: React native how can parent to pass a function to the child
body: <p>In react native, If want the child to call parent's function, i can do the following:</p>
  
  <p>In parent:</p>
  
  <pre><code>&lt;Child myFunc={this.handleChildFunc.bind(this)} /&gt;
  </code></pre>
  
  <p>And the child would call that function like so:</p>
  
  <pre><code>onpress=this.props.myFunc();
  </code></pre>
  
  <p>How can I achieve this in Navigator and NavigatorIOS through passProps? </p>
  
  <pre><code>&lt;NavigatorIOS
      initialRoute={{
        component: MyScene,
        title: 'My Initial Scene',
        passProps: { myProp: this.handleChildFunc.bind(this) }  // Not work
        passProps: { myProp: ()=&gt;this.handleChildFunc.bind(this) }  //Not work
      }}
      style={{flex: 1}}
    /&gt;
  </code></pre>
  
  <p>Update</p>
  
  <p>Thanks For reply, but i'm new to react native, not really understand how to implement below answer in navigatorIOS. However, I tried the following and the child can success calling parent's function</p>
  
  <p>In parent, pass callback as props</p>
  
  <pre><code>passProps: { parentFunc: ()=&gt;this.handleFunc() }
  </code></pre>
  
  <p>In child</p>
  
  <pre><code>this.props.handleFunc();
  </code></pre>