Installation

To install a stable release use:

yarn

yarn add react-native-counters

npm

npm i react-native-counters --save

Example

Simple use only uses the Text plus minus component.

import Counter from "react-native-counters";

class Example Component {
  onChange(number, type) {
    console.log(number, type) // 1, + or -
  }
  
  render() {
    return (
      <Counter start={1} onChange={this.onChange.bind(this)} />
    )
  }
}

For all uses ALL_USES

If you want to customize (minusIcon, plusIcon) the buttons USE_CUSTOM_ICON

Props

Some default props and descriptions.

| PropName | Description | type | Default | |-----------------|:-----------------------------------------------------:|---------:|--------:| | minus | If you are not using minusIcon, it shows directly. | String | - | | plus | If you are not using plusIcon, it shows directly. | String | + | | start | The starting number | Number | 0 | | min | Minus the minimum selected number. | Number | 0 | | max | The most selectable number. | Number | 10 | | minusIcon | You can use it to change the minusIcon. | Function | null | | plusIcon | You can use it to change the plusIcon. | Function | null | | buttonStyle | You can change the types of all buttons. | Object | {} | | buttonTextStyle | Minus or plus styles in the button | Object | {} | | countTextStyle | styles of increasing number. | Object | {} | | increment | You can use it to change the increment between steps. | Number | 1 |

Contributing

This project exists thanks to all the people who contribute.