Coloquei uma imagem como um nó raiz para torná-la um plano de fundo para minha visualização. Mas parece que todas as outras imagens se tornam invisíveis ... É possível colocar uma imagem em cima do plano de fundo usando componentes internos, sem plugins?
No exemplo de código a seguirlanding-background é usado como pano de fundo, meulogo a imagem é visível, mas somente se o fundo for removido.
Text está aparecendo no topo do plano de fundo sem preocupações ...

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