❤
npm
Sign UpSign In

react-native-zigzag-view
TypeScript icon, indicating that this package has built-in type declarations

0.2.0 • Public • Published

react-native-zigzag-view

ZigzagView for using for tickets, and receipts

Installation

yarn add react-native-zigzag-view

This package depends on react-native-svg, make sure to install it

Usage

import React from "react"
import { Text, View } from "react-native"
import ZigzagView from "react-native-zigzag-view"

const Receipt = () => {
  return <ZigzagView
    backgroundColor="#CCC"
    surfaceColor="#FFF"
  >
    {Content of receipt}
  </ZigzagView>
}

Properties

Inherits View props

Name Type Description Default Required
surfaceColor string background color of content container's view, and zigzag jags No
backgroundColor string background color of wrapper view No
top boolean if true, then show zigzag border top true No
bottom boolean if true, then show zigzag border bottom true No
zigzagProps ZigzagLinesProps properties of both zigzag lines No
style ViewStyle style of wrapper view No
contentContainerStyle ViewStyle style of content container's view No

Notes

  • backgroundColor property has precedence over corresponding attribute of style property
  • surfaceColor property has precedence over backgroundColor attribute of contentContainerStyle property
  • zigzagProps does not accept backgroundColor, color, width, and position attributes

Readme

Keywords

Package Sidebar

Install

npm i react-native-zigzag-view

Repository

github.com/mutagen-d/react-native-zigzag-view

Homepage

github.com/mutagen-d/react-native-zigzag-view#readme

Weekly Downloads

682

Version

0.2.0

License

ISC

Unpacked Size

76.8 kB

Total Files

5

Last publish

Collaborators

  • mutagen-d
Try on RunKit
Report malware