#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. Copied from brentvatne example here

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).
4. Whenever you want to use it within React code now you can: var DashedBorder = require('react-native-dashed-border');

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

1. lineDashPattern is not supported on android.

var React = require('react-native');
var DashedBorder = require('react-native-dashed-border');
var DashedBorderExampleApp = React.createClass({
 render: function() {
 return (
 <DashedBorder color={React.processColor('#343434')} lineDashPattern={[4,2]} lineWidth={1.5} style={styles.container}>
 <Image source={require('image!announcement')} style={styles.image} />
 </DashedBorder>
 );
 }
});

Demo