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

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}/>