Javascript 如何将导航从stackNavigator传递到屏幕组件

我有一个导航树：

var NiceTab1 = createMaterialTopTabNavigator(
    {
        Tab_1: StackNav,
        Tab_2: StackNav,
        Tab_3: StackNav,
        Tab_4: StackNav,
        Tab_5: StackNav,
        Tab_6: StackNav,
        Tab_7: StackNav,
    }
}

堆栈导航：

var StackNav= createStackNavigator({
  FirstScreen: {
    screen: ()=><MyScreen/>,
    navigationOptions: {
      headerShown: false
    }
  }
}

var StackNav=createStackNavigator({
第一屏：{
屏幕：（）=>，
导航选项：{
校长：错
}
}
}

我的屏幕：

class MyScreen extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
  render() {

    return (
      <View style={styles.root}>
        <StatusBar barStyle="light-content" />
        <Text style={styles.title}>{HERE I NEED TO SHOW THE TOP BAR NAVIGATOR ROUTE NAME (navigation.state.routeName)}</Text>
      </View>
    )
  }
}

类MyScreen扩展组件{
建造师（道具）{
超级（道具）；
this.state={}；
}
render（）{
返回(
{这里我需要显示顶部栏导航器路由名称（navigation.state.routeName）}
)
}
}

如果我有StackNavigator，如何将顶部栏导航传递到屏幕组件

---

感谢所有人

在这种情况下，您应该能够访问

导航

道具进入

MyScreen

组件，因为该组件是导航的一部分…请尝试让我知道！谢谢，我尝试过，但在MyScreen In props中，我有StackNavigator的导航，我需要TopBarnavigator的导航通过createAppContainer.Ex进行oot导航：导出默认createAppContainer（NiceTab1）在这种情况下，您应该能够访问

navigation

prop到您的

MyScreen

组件中，因为该组件是导航的一部分…请尝试让我知道！谢谢，我尝试过，但在MyScreen In props中我有StackNavigator的导航，我需要TopBarnavigator的导航通过createA包装根导航Ex:导出默认createAppContainer（NiceTab1）