idea-native-clock

React Native: idea-native-clock

• Usage
• License

Getting started

$ npm install idea-native-clock --save

Usage

import * as React from 'react';
import { StyleSheet, Text, View, ImageBackground } from 'react-native';

import AnalogClock from 'idea-native-clock';

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
       
       //automatic time
          <AnalogClock
            size={100}
          />
          <View style={{ marginBottom: 5 }} />

          //if you want to set time manually 
          <AnalogClock
            colorClock="#2196F3"
            colorNumber="#000000"
            colorCenter="#00BCD4"
            colorHour="#FF8F00"
            colorMinutes="#FFC400"
            hour="2"
            minutes={55}
            seconds={60}
          />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: '#ecf0f1',
    padding: 8,
  },
});

Props

Prop	Type	Default	Note
size	number	180	Clock size.
colorClock	string	rgba(255,255,255,0.8)	Clock color.
colorNumber	string	#ffffff	Color of the clock numbers.
colorCenter	string	#ffffff	Clock center color.
colorHour	string	#ffffff	Clock hour hand color.
colorMinutes	string	rgba(255,255,255,0.7)	Clock minute hand color.
colorSeconds	string	rgba(255,255,255,0.7)	Clock Second hand color.
hour	number		Hour.
minutes	number		Minutes.
seconds	number		Seconds.

License

This library is provided under the MIT License.