React-native-dash-2 NPM

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