React Native Number View

This is a simple React Native number counter component.

Installation

Add react-native-number-view to your project by executing

$  npm install react-native-number-view
or
$ yarn add react-native-number-view

and that's it, you're all good to go!

Usage

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */

import React, {Component} from 'react';
import {View} from 'react-native';
import {NumberView} from 'react-native-number-view'
 
type Props = {};
export default class App extends Component<Props> {
  render() {
    return (
      <View style={styles.container}>
          <NumberView
            enableDefaultStyles={true}
            themeColor="#3F6D2A"
            leftContent={<Text>😔</Text>}
            rightContent={<Text>😃</Text>}
            onValueChange={(newVal)=>{alert(newVal)}}
            onDecrement={()=>{alert('decremented')}}
            onIncrement={()=>{alert('Incremented')}}
          />
      </View>
    );
  }
}

API's

| Name | Use | Default Values | | ----------------------------- | ------------------------------------------ | -------------- | | leftContent | Content to be displayed on the left | None | | rightContent | Content to be displayed on the Right | None | | onValueChange | Callback which return new value | None | | onDecrement | callback each time value is decremented | None | | onIncrement | callback each time value is incremented | None | | themeColor | Use to set a theme color(only accepts HEX) | none | | enableDefaultStyles (boolean) | enable or disable preset styles | True | | initialValue | counters initial value | 0 | | | | |

Contributions

What to help make this package even more awesome? Read how to contribute

Licensing

This project is licensed under MIT license.

Don't forget to star, like and share :)