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

Question

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

Answer 1

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

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

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

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

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

How to pass navigator reference to nested child components?

react-native

react-native-listview