React Native Horizontal ScrollView намного шире, чем изображение, которое оно содержит

Я хочу иметь ScrollView, содержащий изображение. Изображение имеет вид 16000 пикселей x 10000. Я бы хотел, чтобы высота изображения была высотой экрана в исходном положении, а ширина была прокручиваемой.

Мне удалось получить изображение, заполняющее высоту экрана, но по какой-то причине оно слишком сильно прокручивается (например, в 3 раза больше ширины экрана, тогда как фактическое изображение в 1,8 раза больше ширины экрана). Что я могу сделать, чтобы избавиться от лишнего пустого пространства вокруг моего изображения?

Кроме того, как мне затем сделать изображение масштабируемым (и, следовательно, заставить изображение прокручиваться как по вертикали, так и по горизонтали)

Цель здесь - иметь масштабируемую карту, но с настраиваемым фоном, поэтому я не могу использовать response-native-maps (если я что-то пропустил?)

class ScrollTest extends Component {
    render(){
        let height = Dimensions.get('window').height;
        return(
            <View style = {{flex:1}}>
                <ScrollView horizontal>
                        <Image
                            resizeMode='contain' 
                            source = {require('./assets/scrolltest.jpg')}
                            style = {{height}}
                        />
                </ScrollView>
            </View>
        );
    }
}