React Native: idea-native-clock
📖 Getting started
$ npm install idea-native-clock --save
💻 Usage
;; ; Component { return <View style=stylescontainer> //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;
💡 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.