React-Native：在Android屏幕上删除空格

Question

我正尝试在iPhone和Android上删除屏幕顶部的空白，如下图所示（iPhone左，Android右）：

呈现以下代码：

return (
          <ScrollView style={{backgroundColor: colors.JBTan}}>
          </ScrollView>
      );

将以下代码添加到我的主索引文件（使用AppRegistry的位置）中，我可以删除空格，但只能在iPhone上：

import React from 'react';
import {AppRegistry} from 'react-native';
import App from './app/index';
import {SafeAreaView} from 'react-navigation'; //added this import

SafeAreaView.setStatusBarHeight(0); //added this line

AppRegistry.registerComponent('XXXXX', () => App);

这将产生以下结果（iPhone上没有空格，而Android上没有）：

如何在Android上获得相同的结果？

Answer 1

您可以尝试在样式中应用类似的内容。

{
position: 'absolute',
top: 0,
left: 0,
right: 0,
bottom: 0,
width: '100%',
height: '100%'
}

Answer 2

在您的导航容器中尝试：

<Provider>
 <RootStack.Navigator>
  <RootStack.Screen
    options={{ headerShown: false}}>