圖片溢出視圖 - 陣營本地

Question

我有一個觀點：

<View style={styles.aboutView}> 
     <View style={styles.logoContainer}> 
      <Image source={{uri: this.state.community.logo}} style={styles.logo} /> 
     </View> 
     <Text></Text> 
</View> 

，這是樣式表：

const styles = StyleSheet.create({ 
aboutView:{ 
padding:5, 
flex: 1, 
flexDirection: 'row', 
borderColor: 'rgb(238, 238, 238)', 
borderBottomWidth : 1, 
borderTopWidth : 1, 
height:80, 
overflow:'visible' 
}, 
logo:{ 
width:100, 
height:100, 
borderRadius :50, 
overflow:'visible' 
}, 
logoContainer:{ 
marginTop:-30, 
width:100, 
height:100, 
borderRadius :50, 
shadowColor: "#000000", 
shadowOpacity: 0.8, 
shadowRadius: 2, 
shadowOffset: { 
    height: 1, 
    width: 0 
}, 
elevation:8, 
overflow:'visible' 
} 
}); 

這是結果我得到：

，你可以看到logoContainer在aboutView上邊界被裁剪。我想讓logoContainer溢出aboutView，因爲我想讓圖像溢出aboutView，到目前爲止我已經嘗試了幾種方法，但似乎沒有任何工作，似乎溢出屬性沒有效果。

這就是我想實現：

正如你所看到的圓圈圖像溢出，並在視圖的頂部沒有得到裁剪

Answer 1

感謝您提供的照片你的意圖。這更清楚。試試這個...

<View style={styles.aboutView} /> 
<View style={styles.logoContainer}> 
    <Image source={{uri: this.state.community.logo}} style={styles.logo} /> 
</View> 
<Text></Text> 

有沒有z-index的反應中的母語，但下面的其他意見的意見會在堆棧中較高，所以你可以戰略性訂購您的代碼以達到預期的影響。