¿Cómo configurar el ancho de la imagen para que sea 100% y la altura para que sea automática en reaccionar nativa?

Estoy tratando de mostrar la lista de imágenes en una vista de desplazamiento. El ancho debe ser del 100%, mientras que la altura debe ser automática, manteniendo la relación de aspecto.

Las búsquedas que hice apuntaron a varias soluciones que dan un estilo de fondo de pantalla completa.

const styles = StyleSheet.create({
    image: {
        width: null,
        height: 300,
        resizeMode: 'cover'
    }
});

<ScrollView style={{flex: 1}}>
    <Image style={styles.image} source={require('../../../images/collection-imag1.png')}/>
    <Image style={styles.image} source={require('../../../images/collection-imag2.png')}/>
</ScrollView>

He intentado varias combinaciones de ancho: nulo, alto: nulo, flexible: 1, alignSelf, etc. La solución anterior está casi funcionando, excepto que el alto no es dinámico. Partes de la imagen no son visibles.