React Native BackgroundImage показывает лишь частично ⇐ IOS

[Anonymous]

Мои BackgroundImage в последнее время ведут себя странно и не отображают все изображение. Проблема возникает только в 5% случаев, а в остальных 95% изображения отображаются так, как ожидалось. Я использую React Native 0.76.2. Мы будем благодарны за любую помощь в выяснении того, что происходит.
Видите, как в левом верхнем углу есть небольшой фрагмент изображения? Это фоновое изображение, на котором почему-то видна лишь небольшая часть. Предполагается, что оно будет занимать весь экран.


Вот мой код:
import React from 'react';
import {
StyleSheet,
ImageBackground,
Image,
View,
Text,
SafeAreaView,
ScrollView
} from 'react-native';

const gradientDark = require('../../../assets/images/gradient-dark.png');

function Screen() {

return (







Body content goes here







);
}

export default Screen;

// --

const styles = StyleSheet.create({
imageGradient: {
position: 'absolute',
top: -10,
zIndex: 0,
width: '100%',
height: 260,
transform: [{rotate: '180deg'}],
resizeMode: 'cover'
},
footer: {
position: 'absolute',
// bottom: -2,
bottom: 0,
zIndex: 0,
width: '100%',
height: 200,
resizeMode: 'cover'
}
});


Подробнее здесь: https://stackoverflow.com/questions/793 ... ally-shows