rn-atom-component v0.1.7

rn-atom-component

It helps to build UI elements with less effort

Installation

npm install rn-atom-component

Usage Guide

Spinner

import { Spinner } from 'rn-atom-component';

return (
   <View style={style.spinner}>
      <Spinner />
    </View>
)

DashedLine

import { DashedLine } from 'rn-atom-component';

return (
  <View style={{ padding: 20, height: '100%' }}>
    <DashedLine dashLength={5} />
  </View>
);

API Reference

Spinner

Size

size of the spinner, Can be either large or small. Default to large.

Color

Color of the spinner, Default to default spinner color.

Container Style

Container Style of the spinner view, Default to center of the parent view.

Dashed Line

axis

Axis of the line, can be either horizontal or vertical. Defaults to horionztal.

dashGap

Length of the gap in pixels between each dash, defaults to 2.

dashLength

Length of each dash stroke in pixels, defaults to 4.

dashThickness

Defines the thickness of each dash stroke in pixels, defaults to 2.

dashColor

Defines the color of the dashed line, defaults to Black #000. Any valid React Native colour can be provided.

dashStyle

Allows for custom View styles to be passed to each dash.

style

Allows for custom View styles to be passed to each dashed line container.