使用 Stack Navigator 进行 React-Native 导航

Question

我正在使用结合了选项卡导航器和堆栈导航器的反应导航。我现在如何天气堆栈导航器堆栈为空或包含一些值

  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;
   }

Answer 1

阅读官方 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。