使用Stack Navigator进行React-Native导航

时间:2017-09-15 12:54:49

标签: javascript reactjs react-native react-navigation

我正在使用反馈导航与标签导航器和堆栈导航器的组合。我怎么能现在天气栈堆栈导航器是空的或包含一些值

  componentWillMount() {
   var self=this; 
   BackHandler.addEventListener('hardwareBackPress', () => {
      console.log("Props",self.props);
      if(stack of stack navigator has data){
        navigate to Screen required
      }else{
        close the app
      }
   })
   componentWillUnmount() {
     var self=this;
     BackHandler.removeEventListener('hardwareBackPress',self.backNav());
   }
   backNav(){
    console.log("Navigating Back");
    return false;
   }

Response of props

1 个答案:

答案 0 :(得分:0)

阅读官方GitHub回购,我发现了一个问题here

所以基本上看起来应该是这样的:

BackHandler.addEventListener('hardwareBackPress', () => {
    if(this.props.navigation.state.routes[0].index === 0) 
      return false; //Prevent closing the app

    navigation.goBack(); 

    return true;
})
顺便说一下,我只是好奇:为什么你使用self而不是this

此外,同样重要的是,请查看this