如何将导航器引用传递给嵌套的子组件？

Question

我想使导航抽屉列表项可单击，在那种情况下我希望导航器对象导航另一个场景。如何将导航器引用从主组件传递到子组件？我的子组件的主要组件是ListView和ListItems。任何建议都会有所帮助。

Answer 1

你可以像任何其他道具一样传递它。我假设您将navigator传递给路由组件...

<Navigator
  ref='Navigator'
  renderScene={(route, navigator) => {
             let RoutedComponent = route.component
             return (
               <RoutedComponent navigator={navigator} {...route.props}/>
             )
  }}
/>

如果是这样，在RoutedComponent中只需通过道具将导航器传递给它的子组件。

<MyChildComponent navigator={this.props.navigator}/>