Wie platziere ich ein Bild auf einem anderen Bild in React Native?

Ich habe ein Bild als Stammknoten platziert, um es als Hintergrund für meine Ansicht zu verwenden. Aber es scheint, dass alle anderen Bilder unsichtbar werden ... Ist es eine Möglichkeit, ein Bild mithilfe integrierter Komponenten ohne Plugins über dem Hintergrund zu platzieren?
Im folgenden Codebeispiellanding-background wird als Hintergrund verwendet, meinlogo image ist nur sichtbar, wenn der Hintergrund entfernt wurde.
Text wird ohne Bedenken über dem Hintergrund angezeigt ...

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