Question

我正在使用＆＃39; Navigator＆＃39;用于管理我的react-native应用程序中的不同场景的组件。

就像我们可以使用＆＃39; parentNavigator＆＃39;从子导航器（例如，MyChildNavigator）访问父导航器属性一样。财产如下：

MyChildNavigator.parentNavigator.getCurrentRoutes();

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

Answer 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这样的函数

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

1 个答案: