如何在 react-native 中访问子导航器及其属性？答案

【问题标题】：How to access child navigator and its properties in react-native?如何在 react-native 中访问子导航器及其属性？
【发布时间】：2015-12-22 07:16:51
【问题描述】：

我正在使用“导航器”组件来管理我的 react-native 应用程序中的不同场景。

就像我们可以使用 'parentNavigator' 属性从子导航器（例如 MyChildNavigator）访问父导航器属性，如下所示：

MyChildNavigator.parentNavigator.getCurrentRoutes();

我们如何从父导航器访问子导航器及其属性或方法，例如 getCurrentRoutes？

【问题讨论】：

标签： reactjs react-native

【解决方案1】：

这是一个例子。希望对你有帮助。

在我的 index.android.js 文件中：

class App extends Component {
render() {
 var myVar='aVar';
 return (
  <Navigator
    initialRoute={{id: 'page_splash_screen', name: 'Index', myVar:myVar}}
    renderScene={(route, navigator) => {return this.renderScene(route, navigator)}}
    configureScene={(route) => {
      if (route.sceneConfig) {
        return route.sceneConfig;
      }
      return Navigator.SceneConfigs.FloatFromRight;
    }}  />
  );
}
renderScene(route, navigator) {
 switch (route.id) {
  case "page_splash_screen":
    return (
      <SplashPage
        navigator={navigator} />
    );
  ...

在我的 SplashPage 中：

class SplachPage extends Component {
 render() {
   var myVar=this.props.myVar;
  ...
 }
}

您可以在我的示例中像 myVar 一样传递您的函数

【讨论】：