[Solved]-How to draw dashed border style in react native-Reactjs

according to github issue comments (https://github.com/facebook/react-native/issues/24224):

<view style={[{ height: 1, overflow: 'hidden' }]}>
  <view style={[{ height: 2, borderwidth: 1, bordercolor: '#ddd', borderstyle: 'dashed' }]}></view>
</view>

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)'}} />

try following it should work

borderstyle: 'dotted',
borderradius: 1,