React Native - Ich kann das Symbol nicht über das Bild setzen

Question

Ich versuche ein Symbol über ein Bild zu setzen, aber es wird nur das Bild nach unten geschoben.

Hier ist, was es sieht derzeit wie:

Ich versuche, den blauen Pfeil zurück auf dieses Bild zu platzieren, wie Sie sehen können.

Hier ist, was meine Markup wie folgt aussieht:

<ScrollView style={ styles.container }> 
    <View style={ styles.coverImageContainer }> 
    <Image 
     style={ styles.coverImage } 
     source={ require('./img.jpg') } 
    > 
     <View> 
     <Ionicons name="ios-arrow-back" color="#4F8EF7" size={25} /> 
     </View> 
    </Image> 
    </View> 
    ... 

Und hier sind meine Stile:

container: { 
    backgroundColor: '#f9f9f9', 
    flex: 1, 
}, 

coverImageContainer: { 
    backgroundColor: '#000', 
}, 

coverImage: { 
    width: null, 
    height: 170, 
    resizeMode: 'cover', 
    opacity: 0.7, 
    flex: 1, 
}, 

Was mache ich falsch?

Wenn ich das Symbol los werde, zeigt das Bild, wie ich es will, aber ich möchte das Zurück-Button-Symbol darüber auch. Hier ist, wie es aussieht, ohne das Symbol:

Answer 1

P oition Icon Komponente absolut.

<Ionicons name="ios-arrow-back" color="#4F8EF7" size={25} style={{ position: 'absolute', top: 30, left: 10 }} /> 

Answer 2

Das StatusBar ist immer sichtbar, auch wenn Sie position:'absolute'; zIndex: 99999 auf Zurück-Taste verwenden, das sind 2 Möglichkeiten:

1. Entfernen Statusleiste von <StatusBar hidden={true}/> Hinzufügen innerhalb eines render
2. marginTop: 22 hinzufügen für ein wenig nach unten Pfeil bewegt