https://github.com/gquittet/react-native-piecountdown

A pie count down component for React Native
https://github.com/gquittet/react-native-piecountdown

component count countdown down pie plugin react-native

Last synced: about 1 month ago
JSON representation

A pie count down component for React Native

• Host: GitHub
• URL: https://github.com/gquittet/react-native-piecountdown
• Owner: gquittet
• Created: 2019-05-19T22:44:22.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2019-05-20T23:39:28.000Z (about 7 years ago)
• Last Synced: 2026-03-24T04:15:28.139Z (2 months ago)
• Topics: component, count, countdown, down, pie, plugin, react-native
• Language: TypeScript
• Size: 1010 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React Native Pie Count Down



![Screencast](./assets/screencast.gif)



## Example

```typescript

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 (

      

        

      

    );

  }

}

const styles = StyleSheet.create({

  container: {

    flex: 1,

    backgroundColor: '#fff',

    alignItems: 'center',

    justifyContent: 'center',

  },

});

```

## Events

### onPieCountDownUpdate: Object

Return the following object.

```typescript

{

  time: number,

  toString: string

}

```

### onPieCountDownFinished: void

Return nothing.

```typescript

```

## Todo

- [x] Add animations to the circle

- [ ] Allow color configuration

- [ ] Allow more tweaks

## Author

Guillaume Quittet