# react-native-timerview

> Timer view module with pause ability for react-native projects.

Latest version **1.0.2** (published 2016-06-23) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-native-timerview
pnpm add react-native-timerview
yarn add react-native-timerview
bun add react-native-timerview
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2016-06-23 |
| First published | 2016-06-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 10 |
| Author | NullEOF |
| Maintainers | nulleof |
| Keywords | react-native, timer |

## Links

- npm: https://www.npmjs.com/package/react-native-timerview
- Repository: https://github.com/nulleof/react-native-timerview
- Homepage: https://github.com/nulleof/react-native-timerview#readme
- Issues: https://github.com/nulleof/react-native-timerview/issues
- npm.io page: https://npm.io/package/react-native-timerview

## Dependencies (1)

- [minutes-seconds-milliseconds](https://npm.io/package/minutes-seconds-milliseconds.md) ^1.0.3

## Recent versions

- 1.0.2 (latest) — 2016-06-23
- 1.0.1 — 2016-06-23
- 1.0.0 — 2016-06-23

## README

# react-native-timerview

## Timer view for react-native

This component creates timer which starts from 00:00.00, uses custom interval of refreshing and can be paused or resumed again from the last value.

![Image of react-native-timerview](timer.png)

### Installation
```bash
npm install --save react-native-timerview
```

### Properties
```
interval={100} // Time of timer cycle in ms
isPaused={false} // Initial pause state of timer
style={styles.textStyle} // This timer is a wrapper of react-native <Text> so this style is applying directly to Text object

//You can use additional properties of <Text> object
```

### Usage example

Import module into the project

```javascript
let TimerView = require('react-native-timerview');
```

Add TimerView to render() method

```javascript
<TimerView
    style={styles.timerStyle} // This style is for <Text> which is used in TimerView
    interval={100} // If you omit this, interval will be set as 100 ms
    isPaused={this.state.isPaused}/> //Boolean property. If state is changed, timer will start from last position
```

Change state of property isPaused for stop/resume timer

```javascript
this.setState({
  isPaused: true
});
```

---
_Source: https://npm.io/package/react-native-timerview · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._