A simple native component that gives you dashed borders

by React Native Example

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

react-native-dashed-border

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.

Note

lineDashPattern is not supported on android.

GitHub