Coloqué una imagen como nodo raíz para que sea un fondo para mi vista. Pero parece que todas las demás imágenes se vuelven invisibles ... ¿Hay alguna forma de colocar una imagen sobre el fondo utilizando componentes integrados, sin ningún complemento?
En el siguiente ejemplo de códigolanding-background se usa como fondo, milogo la imagen es visible, pero solo si se elimina el fondo.
Text se muestra en la parte superior del fondo sin ninguna preocupación ...

    <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'
      }
    });