圓角問題與反應本機Android中的GIF圖像

Question

我是新的反應本地和我在列表視圖中顯示GIF圖像列表和我什麼圖像角落圓角我試圖做這與正常圖像，它的工作，但與GIF圖像它不工作我現在不是爲什麼。

我使用下面的樣式和代碼來製作圓角。

<ListView contentContainerStyle={styles.list} 
    showsHorizontalScrollIndicator={false} 
    horizontal= { true } 
    dataSource={this.state.dataSource} 
    ref={ref => this.listView = ref} 
    renderRow={(rowData) => { 
    return (
     <TouchableOpacity style={styles.item} onPress={() => this.stickerSelected(rowData)}> 
      <Image style={styles.image} source={this.props.images[rowData].src}/> 
     </TouchableOpacity> 
    ) 
    }} 
    /> 



list: { 
justifyContent: 'center', 
flexDirection: 'column', 
backgroundColor: '#FFFDEB', 
flexWrap: 'wrap', 
paddingLeft: 6, 
paddingRight: 6 


}, 
    item: { 
    justifyContent: 'center', 
    alignItems: 'center', 
    backgroundColor: '#EAD62F', 
    borderRadius: 10, 
    margin: 3, 
    width: 75, 
    height: 75, 
    }, 
    image: { 
    width: 75, 
    height: 75, 
    borderRadius: 10, 
    } 

並嘗試在圖像和項目樣式中添加以下屬性以解決重疊問題，但角仍然呈方形。

overflow: 'hidden', 

Answer 1

您需要設置overlayColor樣式。這裏描述的是https://facebook.github.io/react-native/docs/image.html#style

image: { width: 75, height: 75, borderRadius: 10, overlayColor: 'white', }