How to draw dashed border style in react native
You need to add borderRadius: 1
to make it work.
Try following it should work
borderStyle: 'dotted',
borderRadius: 1,
Following will work perfectly:
<View style={{
paddingLeft:10,
height:300,
marginBottom:10,
borderStyle: 'dashed',
borderRadius: 1,
borderWidth: 1,
borderColor: 'red',
borderTopColor:'white'
}} />
Try this works fine for me;-)
<View style={{ height: '100%',
borderRadius : 1,
width: '100%',
borderStyle: 'dashed',
borderWidth: 1,
borderColor: 'rgba(161,155,183,1)'}} />