在根场景中使用Drawer“ react-native-router-flux”时，顶部将出现填充

问题描述

我正在尝试使用“ react-native-router-flux”库创建一个导航抽屉，并为此定义了一组场景。

我的路由器结构是：

<Router>
              <Scene key ="root" >
                    <Scene key ="mainContainer" >
                    <Drawer 
                          drawerIcon={<Icon 
                            name='three-bars' 
                            size={30} 
                            color='#000' />}
                          drawerPosition="left"
                          hideNavBar
                          contentComponent={NavigationMenu}>
                      
                          <Scene key = "screen1" title = "Screen1" component = { Screen1 } initial = {true} />
                          <Scene key = "screen2" title = "Screen2" component = { Screen2 } />
                          </Drawer>
                     
                    </Scene>
              
              <Scene key = "screen3" title = "Screen3" component = { Screen3 } backTitle= "Screen1"/>
              <Scene key = "screen4" title = "Screen4" component = { Screen4 } />
              
              </Scene>

        </Router>

我希望抽屉仅出现在屏幕1和2上，而对于3和4，抽屉不应出现。 我可以使用此代码实现此目的，但是当我使用此代码时，在屏幕顶部看到一些填充，如下图所示：

如您所见，在上面写有“ Screen1”的地方有一些填充。 如何避免顶部出现多余的空间？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）