title: Rounded corner issue with GIF image in react native android
body: <p>I am new for react native and i am showing a list of GIF images in list view and i what image corner rounded i try to do this with normal images and it's working but with GIF image it's not working i don't now why.</p>
  
  <p>I use below style and code for make corner rounded.</p>
  
  <pre><code>  &lt;ListView contentContainerStyle={styles.list}
    showsHorizontalScrollIndicator={false}
    horizontal= { true }
    dataSource={this.state.dataSource}
     ref={ref =&gt; this.listView = ref}
    renderRow={(rowData) =&gt; {
      return (
        &lt;TouchableOpacity style={styles.item} onPress={() =&gt; this.stickerSelected(rowData)}&gt;
            &lt;Image style={styles.image} source={this.props.images[rowData].src}/&gt;
        &lt;/TouchableOpacity&gt;
      )
    }}
    /&gt;
  
  
  
  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,
    }
  </code></pre>
  
  <p>and tried to add below property in image and item style for resolve overlapping issue but corner still in square shape.</p>
  
  <pre><code> overflow: 'hidden',
  </code></pre>