react-native-dash


A super simple component for react-native to draw customisable dashed lines

Installation

``sh
npm i --save react-native-dash
`

Props

| name | desc | type | default
| --- | --- | --- | --- |
| style | Dash container style | View.PropTypes.Style | {flexDirection = 'row'}
| dashGap | Gap between two dashes | number | 2
| dashLength | Length of each dash | number | 4
| dashThickness | Thickness of each dash | number | 2
| dashColor | Color of each dash | string | black
| dashStyle | Dashes style | View.PropTypes.Style | {}

- ProTip 1: Use flexDirection in style to get horizontal or vertical dashes. By default, it's row
- ProTip 2: Use {borderRadius: 100, overflow: 'hidden'} in dashStyle to get rounded dotes instead of straight line dashes.

Usage


`javascript
import Dash from 'react-native-dash';

//draws a horizontal dashed line with defaults. Also works with flex
render() {
return
}

//draws a vertical dashed line with defaults.
render() {
return
}
``

$3

react-native-measureme

$3

PRs highly appreciated

License
----
MIT License