React Native Dash 2

Image is taken by [react-native-beautiful-timeline](https://github.com/WrathChaos/react-native-beautiful-timeline). This is a usage of the library itself.

Installation

Add the dependency:

npm i react-native-dash-2

Peer Dependencies

Zero Dependency

Usage

Import

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

Horizontal Usage

<Dash style={{ width: 100, height: 1 }} />

Vertical Usage

<Dash style={{ width: 1, height: 100, flexDirection: "column" }} />

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<ViewStyle>	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<ViewStyle>	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

<input checked="" disabled="" type="checkbox"> ~~LICENSE~~
<input disabled="" type="checkbox"> 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.

Package detail

react-native-dash-2

readme