# @hmodarres/react-native-ticker

> A ticker component for React Native

Latest version **0.6.0** (published 2023-09-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install @hmodarres/react-native-ticker
pnpm add @hmodarres/react-native-ticker
yarn add @hmodarres/react-native-ticker
bun add @hmodarres/react-native-ticker
```

## Health

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

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.6.0 |
| Published | 2023-09-07 |
| First published | 2023-07-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >= 16.0.0 |
| Dependencies | 1 |
| Unpacked size | 56.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | Hadi Modarres |
| Maintainers | hmodarres |
| Keywords | react-native, ticker, counter, score, reanimated, animated, react, native, expo |

## Links

- npm: https://www.npmjs.com/package/@hmodarres/react-native-ticker
- Repository: https://github.com/HadiModarres/react-native-ticker
- Homepage: https://github.com/HadiModarres/react-native-ticker#readme
- Issues: https://github.com/HadiModarres/react-native-ticker/issues
- npm.io page: https://npm.io/package/@hmodarres/react-native-ticker

## Dependencies (1)

- [lodash.range](https://npm.io/package/lodash.range.md) ^3.2.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.6.0 (latest) — 2023-09-07
- 0.3.0 — 2023-07-18
- 0.2.0 — 2023-07-17
- 0.1.0 — 2023-07-14

## README

![media](./media/example.gif)

## Description
A ticker component for react native. 

- Performant
- Configurable
- Ticker animates upwards when new number is greater than previous number and down if it's less

This package requires installation of [react-native-reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation).

## Installation
```
npm install --save @hmodarres/react-native-ticker
or
yarn add @hmodarres/react-native-ticker
```

## Usage
react-native-ticker supports a single child text string or number

```
import * as React from 'react';

import { StyleSheet, View } from 'react-native';
import { Ticker } from '@hmodarres/react-native-ticker';


export default function App() {
  return (
    <View style={styles.container}>
      <Ticker
        textStyle={{ fontSize: 48, fontWeight: '700', color: 'red' }}
        digitWidth="per-digit"
      >
        332
      </Ticker>
    </View>
  );
}

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

```


## License
[MIT License](https://opensource.org/licenses/MIT)

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