react-native-scalable-analog-clock

A react-native scalable analog clock.

npm i react-native-scalable-analog-clock -save

Usage

Basic

Import this module:

import Clock from "react-native-scalable-analog-clock";

Use as a component:

<Clock/>

<Clock scale={1} handColor={'white'} secondsHandColor = {'red'} numberColor = {'white'} markingColor = {'white'} />

API

Props

| Prop | Type | Optional | Default | Description | | ------------------------------ | ---------------------------------- | -------- | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | scale | number | Yes | 1 | Sets the size of the whole clock | | handColor | string | Yes | Color of hour and minute hands| Init text of the button. | | secondsHandColor | string | Yes | 'white'| Seconds hand color | | numberColor | string | Yes | 'white'. | Color of the numbers | | markingColor | string | Yes | 'white' | markings color |