DEPRECATED dashed border already works on react native 0.19+. Use style : { borderStyle: 'dashed' } in your stylesheet.


Very simple native component that gives you dashed borders.

Add it to your ios project

1.Run npm install react-native-dashed-border --save
2.Open your project in XCode, right click on Libraries and click Add Files to "Your Project Name" (Screenshot) then (Screenshot).
3.Add libRNDashedBorder.a to Build Phases -> Link Binary With Libraries (Screenshot).
Whenever you want to use it within React code now you can: var DashedBorder = 4.require('react-native-dashed-border');

Add it to your android project

Just npm install react-native-dashed-border and require should work.


lineDashPattern is not supported on android.