¿Cómo colocar una image sobre otra image en React Native?

Coloqué una image como un nodo raíz para convertirla en un background para mi Vista. Pero parece que todas las demás imágenes se vuelven invisibles … ¿Hay alguna forma de colocar una image sobre el background con componentes incorporados, sin ningún complemento?
En el siguiente ejemplo de código landing-background se utiliza como background, mi image del logo es visible, pero solo si se elimina el background.
Text se muestra sobre background sin preocupaciones …

  <View style={styles.container}> <Image source = {require('./img/landing-background.jpg')} resizeMode = 'cover' style = {styles.backdrop}> <View style = {styles.overlay}> <Text style = {styles.headline}>It should appear in front of the Background Image</Text> <Image style = {styles.logo} source = {require('./img/logo.png')} /> </View> </Image> </View> var styles = StyleSheet.create({ container: { flex: 1, alignItems: 'center', }, overlay: { opacity: 0.5, backgroundColor: '#000000' }, logo: { backgroundColor: 'rgba(0,0,0,0)', width: 160, height: 52 }, backdrop: { flex:1, flexDirection: 'column' }, headline: { fontSize: 18, textAlign: 'center', backgroundColor: 'rgba(0,0,0,0)', color: 'white' } }); 

En lugar de envolver su contenido en <Image> , creo que sería mejor envolverlo en un elemento posicionado de forma absolute y tener ese estiramiento para cubrir la pantalla.

 <View style={styles.container}> <View style = {styles.backgroundContainer}> <Image source = {require('./img/landing-background.jpg')} resizeMode = 'cover' style = {styles.backdrop} /> </View> <View style = {styles.overlay}> <Text style = {styles.headline}>It should appear in front of the Background Image</Text> <Image style = {styles.logo} source = {require('./img/logo.png')} /> </View> </View> var styles = StyleSheet.create({ backgroundContainer: { position: 'absolute', top: 0, bottom: 0, left: 0, right: 0, }, container: { flex: 1, alignItems: 'center', }, overlay: { opacity: 0.5, backgroundColor: '#000000' }, logo: { backgroundColor: 'rgba(0,0,0,0)', width: 160, height: 52 }, backdrop: { flex:1, flexDirection: 'column' }, headline: { fontSize: 18, textAlign: 'center', backgroundColor: 'black', color: 'white' } });