React Native获取导航器实例

Question

在我的渲染方法中，我使用侧边栏，需要环绕导航器组件，但也需要通过导航器才能使侧栏内的链接点击工作

render() {
  const sidebar = <SideBar navigator={this.refs.navigator} />;

  return (
    <SideMenu menu={sidebar} isOpen={true}>
      <Navigator
        ref='navigator'
        renderScene={this.renderScene}
        initialRoute={{id: 'search_results', title: 'Search results'}}
        navigationBar={
          <NavigationBar
            routeMapper={this.navigationBarRouteMapper}
            style={NavbarStyles.navbar}
            navigator={this.refs.navigator}
          />
        }
      />
    </SideMenu>
  );
}

我如何获得const sidebar的导航器？或者有更好的方法来实现这一目标吗？

Answer 1

render() {
  let navigator = (<Navigator
        ref='navigator'
        renderScene={this.renderScene}
        initialRoute={{id: 'search_results', title: 'Search results'}}
        navigationBar={
          <NavigationBar
            routeMapper={this.navigationBarRouteMapper}
            style={NavbarStyles.navbar}
            navigator={this.refs.navigator}
          />
        }
      />);
  const sidebar = <SideBar navigator={navigator} />;

  return (
    <SideMenu menu={sidebar} isOpen={true}>
     {navigator}
    </SideMenu>
  );
}