React-native-vector-icons: borderRadius not working on IOS

[mahdidavoodi7]

Environment

I have this issue only with IOS platform

Description

This is my code :

 <MaterialIcon name={props.iconName} size={25} color='white' style={{padding:5, borderRadius: 50, backgroundColor: '#727272'}}/>

As you can see i set borderRadius 50 but i can't see any changes

Demo

And this is what it look like :

Any help regarding this would be helpful

[hampustagerud]

Icons are Text components where borderRadius doesn't have any effect, wrap it in a view 🙂

<View style={{padding:5, borderRadius: 50, backgroundColor: '#727272'}}>
  <MaterialIcon name={'assignment-late'} size={25} color='white'/>
</View>

(Screenshot from iOS build)

[Mohammed-Salmeen]

doesn't work for me

[maltoze]

This worked for me. https://github.com/facebook/react-native/issues/13760#issuecomment-314291934