react-native页面上方出现多余空白----------小白的天堂

先上图：

出现在状态栏下边的多余的空白，取消状态栏后效果也是一样的，这个是怎么回事呢？

来看一下页面代码：

static navigationOptions = ({ navigation }) => {

header:null   //取消header

}

可以看出出现的空白处是header的区域，然后在页面中加上如上方代码来取消header，结果不管用！！

然后接着试试：取消header不光可以从页面中取消，还可以从

中取消，那么试一下：

 

然后，哇！！神奇的地方出现了，上方空白居然不见了，页面紧贴顶部了

 

为什么加载页面中取消header不管用而在创建路由的地方加入就可以了呢，但是实际上在其他页面这两种方法是都管用的！

如果你知道这是什么原因欢迎留言、、、、、、