Stack 导航器中的 React Native DrawerNavigator 无法正常工作

Question

我在使用像堆栈导航和抽屉导航这样的反应导航时遇到问题

const Drawerstack = DrawerNavigator({
 updatesegregation : { screen: UpdateSegregation },
  listoffers : { screen: ListOffers },
  mypurse : { screen: MyPurse },
  myoffers : { screen: MyOffers },
  segregationhistory : { screen: SegregationHistory },
  ranking : { screen: Ranking },
  updates : { screen: Blogs },
  contactus : { screen: ContactUs },
  termsandconditions : { screen: TermsAndConditions },
  instruction : { screen: Instructions },
  profile : { screen: Profile },
  segregationtips : { screen: SegregationTips },
  faqs : {screen: Faqs },
},{
 contentComponent: NavigationDrawer,
})

const Index = StackNavigator({
  authcheck : { screen: AuthCheck },
  login: { screen: Login },
  registration : { screen: Registration },
  profileedit : { screen: ProfileEdit },
  socialregistration : { screen: SocialRegistration },
  forgotpassword : { screen: ForgotPassword },
  drawerstack: { screen: Drawerstack },
},
 {
    headerMode: 'none'
});

export default Index;

根页面是 authcheck，它检查访问令牌和 return 用户。

fetch(url.main + 'version' + url.transform, {
  method: 'GET',
  headers: {
          'Accept': 'application/json',
          'Content-Type': 'application/json'
        } 
 }).then((response) => response.json())
  .then((responseData) => {
   //alert(JSON.stringify(responseData))
   if(responseData.version[0].version_code == Version){
    AsyncStorage.getItem('User').then((value) => {
     //alert(JSON.parse(value));
     var tmpValue = JSON.parse(value);
     if (tmpValue !== null) {
     
      this.props.navigation.navigate("updatesegregation");
     }else{
      this.props.navigation.navigate('login');
     }
    })
   }else{
    this.PopupDialog.show();
   }
  })

但是当有可用的访问令牌时，它没有显示任何错误，也没有导航到请求的页面。

此导航没有将我从 DrawerNavigator 重定向到我想要的页面...

有知道的请帮忙...

Answer 1

这是由于引用

this.prop

创建全局函数

 onAuthentication = (screenName) =>{

this.props.navigation.navigate(screenName)

};

然后在你的 fetch 函数中调用这个函数，比如

this.onAuthentication('updatesegregation') or this.onAuthentication('login')

Stack 导航器中的 React Native DrawerNavigator 无法正常工作

React Native DrawerNavigator in Stack navigator is not working

drawer

react-native

react-native-android

react-navigation

stack-navigator