I am using below style, I am trying to draw dashed border style but it always coming solid . Please suggest .
<View style={{paddingLeft:10,
height:300, marginBottom:10,
borderWidth:1,
borderStyle: 'dashed',
borderColor:'red',
borderTopColor:'white'}}>
// Thanks
You can adjust the size with background-size and the proportion with the linear-gradient percentages. In this example I have a dotted line of 1px dots and 2px spacing. This way you can have multiple dotted borders too using multiple backgrounds.
You need to add borderRadius: 1
to make it work.
Try following it should work
borderStyle: 'dotted',
borderRadius: 1,
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With