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

先上图:

react-native页面上方出现多余空白----------小白的天堂_第1张图片

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

来看一下页面代码:

static navigationOptions = ({ navigation }) => {

header:null   //取消header

}

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

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

中取消,那么试一下:

react-native页面上方出现多余空白----------小白的天堂_第2张图片

 

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

 

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

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

你可能感兴趣的:(react-native,页面空白,rn,上部出现空白)