Skip to content

saurabh190802/react-native-auto-countdown

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

react-native-auto-countdown

A React-Native Component for countdown timer."

install like this

npm i react-native-auto-countdown
react-native-auto-countdown.mp4
props details
minute give the minutes you want for countdown (must given prop if nothing to give then just give 0 )
second give the seconds you want (must given prop if nothing to give then just give 0 )
hour give the hours you want (must given prop if nothing to give then just give 0 )
textcolor it will change the color of time
fontsize it will change the font size of time
fontfamily it will change the font family of time
autoStart give this = {true} must given for now. We will update in future.

simple usage with all props

import {StyleSheet, Text, View} from 'react-native';
import React from 'react';
import RnAutoCountDown from 'react-native-auto-countdown';

const App = () => {
  return (
    <View
      style={{
        flex: 1,
        backgroundColor: 'white',
        justifyContent: 'center',
      }}>
      <View style={{alignSelf: 'center'}}>
        <RnAutoCountDown
          hour={1}
          minute={1}
          second={1}
          fontsize={20}
          fontfamily={'Poppins-Regular'}
          textcolor={'blue'}
          autoStart={true}
        />
      </View>
    </View>
  );
};

export default App;

const styles = StyleSheet.create({});

License

MIT

Contact

Email: saurabhsatapathy0@gmail.com
LinkedIn: https://www.linkedin.com/in/saurabh-satapathy-692a6a1b9/
GitHub: https://github.com/saurabh190802
Twitter: https://mobile.twitter.com/SaurabhSatapat1