Question

我正在尝试在我的createMaterialTopTabNavigator屏幕中使用this.props.navigation.navigate（“ DetailScreen”）重定向到StackNavigator中的DetailScreen，但出现错误“无法读取未定义的属性'navigate'，如何我可以构造代码来防止这种情况吗？从DetailScreen导航到Leaderboard可以，但是不能相反。

const LeaderBoardWrapperView = createStackNavigator({
Leaderboard: {
screen: Leaderboard = createMaterialTopTabNavigator({
  Alltime: () =>
    <AllTimeLeaderBoard path="allTime" />,
  Semester: () =>
    <AllTimeLeaderBoard path="semester" />,
  Weekly: () =>
    <AllTimeLeaderBoard path="weekly" />,
   })
  },
   DetailScreen: {
     screen: DetailScreen,
   }
})

Picture of my code with better formatting

Answer 1

导航不会作为属性传递到顶部选项卡屏幕。所以你必须通过例如：

Alltime: ({navigation}) =>
    <AllTimeLeaderBoard navigation={navigation} path="allTime" />

如何从嵌套的toptabnavigator导航到父StackNavigator？

1 个答案: