Skip to content
This repository has been archived by the owner on Jan 3, 2024. It is now read-only.
/ tipsi-dash-line Public archive

Component to draw customisable dashed lines in React Native

License

Notifications You must be signed in to change notification settings

tipsi/tipsi-dash-line

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

tipsi-dash-line

Build Status

React Native Component for drawing dashed line.

Compatibility

This package is now built for React Native 0.40 or greater!

Installation

Run npm install --save tipsi-dash-line to add the package to your app's dependencies. Please do not forget to run react-native link tipsi-dash-line

Usage

import React, { Component } from 'react'
import {
  StyleSheet,  
  View,
} from 'react-native'
import { DashLine } from 'tipsi-dash-line'

export default class example extends Component {
  render() {
    return (
      <View style={styles.container}>        
        <DashLine dashColor="#ff0000" dashLineWidth={10} dashLineSpace={4}/>        
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'flex-start',
    alignItems: 'stretch',
  },
})

Examples

About

Component to draw customisable dashed lines in React Native

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published