Цвет фона React Native SafeAreaView – Как назначить два разных цвета фона для верхней и нижней части экрана? ⇐ Javascript

[Гость]

Я использую SafeAreaView из React Native 0.50.1, и он работает довольно хорошо, за исключением одной части. Я назначил оранжевый цвет фона для SafrAreaView, но не могу изменить фон нижней небезопасной области на черный.
Вот код, в который я включил ожидаемый и фактический результат. Как лучше всего сделать нижнюю часть экрана черной, а не оранжевой?

import { ... SafeAreaView } из «реагировать-родной»; класс Main расширяет React.Component { оказывать() { возвращаться ( ) } } константные стили = StyleSheet.create({ ..., безопасный район: { гибкий: 1, Цвет фона: '#FF5236' } })
Я хочу иметь оранжевый верх и черный низ.



Но вот что я получаю сейчас.