React Native - 不能在圖像上放置圖標

我試圖在圖像上放置一個圖標，但它所做的只是將圖像向下推到頁面上。React Native - 不能在圖像上放置圖標

下面是它目前的樣子：

我試圖把藍色後退箭頭上圖像的頂部，你可以看到。

這裏就是我的標記的樣子：

<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> 
    ...

，這裏是我的風格：

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

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

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

我在做什麼錯？

如果我擺脫了圖標，圖像顯示了我想要的圖像，但我希望它上面的後退按鈕圖標也可以。下面是它看起來像沒有圖標：

來源

2017-06-21 Thomas

P絕對命題Icon組件。

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

來源

2017-06-21 20:17:43 Andreyco

作品像一個魅力，謝謝！ – Thomas

狀態欄始終是可見的，即使你的後退按鈕使用position:'absolute'; zIndex: 99999中，有2種方式：通過增加<StatusBar hidden={true}/>

刪除狀態欄內部渲染
添加marginTop: 22移動箭頭一點點向下

來源

2017-06-21 20:06:43

我想圖像留在狀態欄後面，因爲它是在我更新的問題中做的。這是設計的一部分，我只是不希望它在它上面添加圖標時被推下。請看我更新的問題 – Thomas

@Thomas得到了它，我誤解了這個問題，無論如何Andreyco答案應該幫助 –

感謝的人，得到它的工作:) – Thomas

React Native - 不能在圖像上放置圖標

回答

相關問題