!Platform - Android and iOS

src="assets/Screenshots/react-native-dash-2.png" />

Image is taken by react-native-beautiful-timeline. This is a usage of the library itself.

Installation

Add the dependency:

``bash
npm i react-native-dash-2
`

Peer Dependencies

Zero Dependency

Usage

Import

`jsx
import Dash from "react-native-dash-2";
`

Horizontal Usage

`jsx

`

Vertical Usage

`jsx

`

Example Project 😍

You can checkout the example project 🥰

Simply run

- npm i
- react-native run-ios/android

should work of the example project.

Configuration - Props

Fundamentals

| Property | Type | Default | Description |
| -------- | :------------------: | :-------: | --------------------------------------------------------------------------------------------------------------- |
| style | StyleProp | undefined | set the height and width to make it visible and use flexDirection: "column"` to make it vertical or horizontal |

Customization (Optionals)

| Property | Type | Default | Description |
| ------------- | :------------------: | :-----: | ---------------------------- |
| dashStyle | StyleProp | default | change dashStyle itself |
| dashGap | number | 2 | change the each dash's gap |
| dashLength | number | 4 | change / set dash length |
| dashThickness | number | 2 | change each dash's thickness |
| dashColor | color | "#000" | change each dash's color |

Credits

Heavily inspired by react-native-dash
Since this library is not updated more than 3 years, we can continue with this project :)
Thank you for the main library for obipawan

Future Plans

- [x] ~~LICENSE~~
- [ ] Write an article about the lib on Medium

Author

FreakyCoder, kurayogun@gmail.com

License

React Native Dash 2 is available under the MIT license. See the LICENSE file for more info.