Android 在后台导航时应对本机生命周期问题

我在React Native是个新手。 我使用以下工具开发了一个通用的抽屉和导航栏。

Main.js

 var navBar;
 if(hideNavBar){
  navBar=null;
 }else{
  navBar=<Navigator.NavigationBar />
 }

 <Drawer disabled={hideDrawer}>
    <Navigator 
       navigationBar={navBar}/>
 </Drawer>

componentWillUpdate(){
    this.props.configureDrawerNavBar(false,false);
  }

componentWillMount(){
    this.props.configureDrawerNavBar(false,false);
  }

这里configureDrawerNavBar（hideDrawer，hideNavBar）是Main.js中的一个函数，负责更改它的状态，我将此函数作为道具传递给其他组件

一切正常。但是，当向后导航时，隐藏或显示导航栏会有延迟，这很容易被注意到

我观察到的：在返回时，在组件的任何生命周期方法之前，页面2消失，我可以在屏幕上看到页面1，在页面1组件的整个生命周期方法和Main.js之后，导航栏正在更新（即根据状态显示/隐藏），因为这对于位于层次结构父级的Main.js中的所有页面都是常见的

根据我的代码，问题是显而易见的，但我没有办法解决它。 为实现我的目标而提供的任何帮助或其他工作都将不胜感激。