Я поместил изображение в качестве корневого узла, чтобы сделать его фоном для моего просмотра. Но кажется, что все остальные изображения становятся невидимыми ... Есть ли способ поместить изображение поверх фона, используя встроенные компоненты, без каких-либо плагинов?
В следующем примере кодаlanding-background используется в качестве фона, мойlogo изображение видно, но только если фон удален.
Text показывает поверх фона без каких-либо проблем ...

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