Stack Navigator错误:undefined不是对象(评估' this.props.navigation.state.params.username')

时间:2018-04-06 14:14:00

标签: reactjs react-native react-navigation

自从我开始使用带有Drawer Navigator的Stack Navigator以来,就出现了这个问题。现在,我想我正在通过navigate中的父级,以便它将导航到正确的屏幕。

  otherUser (username) {
 this.props.navigation.navigate('AppStackNav', { username: username });

}

这就是我的导航设置方式。我正在使用Drawer,Stack和Tab:

const TabNav = TabNavigator({
  Random: { screen: HomeScreen },
  Recent: { screen: RecentScreen },
  Trending: { screen: TrendingScreen },
  AllTime: { screen: AllTimeScreen },
}, {
  tabBarComponent: NavigationComponent,
  tabBarPosition: 'bottom',
  lazy: false,
  animationEnabled: true,
  swipeEnabled: true,
  tabBarOptions: {
    bottomNavigationOptions: {
      labelColor: '#333',
      rippleColor: 'white',
      tabs: {
        Recent: {
          barBackgroundColor: '#EEEEEE',
          activeLabelColor: '#212121',
        },
        Trending: {
          barBackgroundColor: '#00796B',
        },
        RegisterScreen: {
          barBackgroundColor: '#EEEEEE', // like in the standalone version, this will override the already specified `labelColor` for this tab
          activeLabelColor: '#212121',
          activeIcon: <Icon size={24} color="#212121" name="newsstand" />
        },
        AllTime: {
          barBackgroundColor: '#00796B'
        },
      }
    }
  }
});

const AppStackNav = StackNavigator ({
  OtherUserScreen: {screen: OtherUserScreen},
});

const AppDrawerNavigator = DrawerNavigator({
  TabNav: {screen: TabNav},
  LoginScreen: {screen: LoginScreen},
  RegisterScreen: {screen: RegisterScreen},
  ProfileScreen: {screen: ProfileScreen},
  UserListScreen: {screen:UserListScreen},
  HomeScreen: {screen: HomeScreen},
  AppStackNav: {screen: AppStackNav},
  OtherTagsScreen: {screen: OtherTagsScreen},
  QuoteMachineScreen: {screen: QuoteMachineScreen},
},
{
    initialRouteName: "TabNav",
    contentOptions: {
      activeTintColor: "#e91e63"
    },
    contentComponent: props => <SideBar {...props} />
  },

);

另外,我还在学习React Native,所以任何提示都会非常感激。

0 个答案:

没有答案