Estoy agregando un fondo de imagen a mi aplicación, pero la parte horizontal de la imagen pasó la pantalla (las partes derecha e izquierda se cortaron). Intenté usar resizeMode cover y container, pero ninguno de los dos hizo nada. ¿Hay alguna otra forma de hacer que la imagen permanezca dentro de la pantalla? (Uso resizeMode en Image y contiene la imagen normalmente {misma imagen}).

 import React from 'react'; import { Image, ImageBackground, StyleSheet, Text, TouchableOpacity, View, } from 'react-native'; import {DCTBACKGROUND} from '../../../assets/images'; export default function GetStarted({navigation}) { return ( <ImageBackground source={DCTBACKGROUND} style={styles.page}> <View style={styles.buttonContainer}> <TouchableOpacity style={styles.button} onPress={() => { navigation.navigate('Register'); }}> <Text style={styles.buttonText}>Registrasi</Text> </TouchableOpacity> <TouchableOpacity style={styles.button} onPress={() => { navigation.navigate('Login'); }}> <Text style={styles.buttonText}>Login</Text> </TouchableOpacity> </View> </ImageBackground> ); } const styles = StyleSheet.create({ page: { backgroundColor: '#90CC8B', flex: 1, paddingHorizontal: 15, paddingVertical: 25, // resizeMode: 'contain', }, button: { backgroundColor: 'yellow', width: 100, height: 40, alignItems: 'center', justifyContent: 'center', borderWidth: 1, }, buttonText: { color: 'black', }, buttonContainer: { justifyContent: 'space-between', flexDirection: 'row', }, logo: { alignItems: 'center', justifyContent: 'center', flex: 1, }, });

La parte horizontal de la imagen se cortó un poco y necesito que se muestre todo sin cortar.