react-native-dashed-line

React Native Dashed Line

A dependency free React Native component to render dashed/dotted lines

Contents

- Installation
- Usage Guide
- API Reference
- Contributing

Installation

You can install via Yarn or npm

``bash
yarn add react-native-dashed-line
`

`bash
npm install react-native-dashed-line
`

Usage Guide

Just need to import it, easy peasy!

`javascript
import DashedLine from 'react-native-dashed-line';

return (





);
`

API Reference

Here is a list of all of the props that react-native-dashed-line can accept

$3

Axis of the line, can be either horizontal or vertical. Defaults to horionztal.

| type | default | required |
| ------ | ---------- | -------- |
| string | horizontal | NO |

$3

Length of the gap in pixels between each dash, defaults to 2.

| type | default | required |
| ------ | ------- | -------- |
| number | 2 | NO |

$3

Length of each dash stroke in pixels, defaults to 4.

| type | default | required |
| ------ | ------- | -------- |
| number | 4 | NO |

$3

Defines the thickness of each dash stroke in pixels, defaults to 2.

| type | default | required |
| ------ | ------- | -------- |
| number | 2 | NO |

$3

Defines the color of the dashed line, defaults to Black #000`. Any valid React Native colour can be provided.

| type | default | required |
| ------ | ------- | -------- |
| string | #000 | NO |

$3

Allows for custom View styles to be passed to each dash.

| type | required |
| --------------- | -------- |
| Object \| Array | NO |

$3

Allows for custom View styles to be passed to each dashed line container.

| type | required |
| --------------- | -------- |
| Object \| Array | NO |

Contributing

I am more than happy to accept any contributions anyone would like to make, whether that's raising an issue, suggesting an improvement or developing a new feature.