react-native-piecountdown
A pie count down component for React Native
Last updated 3 months ago by gquittet .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-native-piecountdown 
SYNC missed versions from official npm registry.

React Native Pie Count Down

Screencast

Example

import React from "react";
import { StyleSheet, Text, View } from "react-native";
import { PieCountDown } from "react-native-piecountdown";

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <PieCountDown time={10}></PieCountDown>
      </View>
    );
  }
}

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

Events

onPieCountDownUpdate: Object

Return the following object.

{
  time: number,
  toString: string
}

onPieCountDownFinished: void

Return nothing.

Todo

  • [x] Add animations to the circle
  • [ ] Allow color configuration
  • [ ] Allow more tweaks

Author

Guillaume Quittet

Current Tags

  • 0.1.8                                ...           latest (3 months ago)

2 Versions

  • 0.1.8                                ...           3 months ago
  • 0.1.6 [deprecated]           ...           3 months ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (1)
Dev Dependencies (2)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |