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%'
}