# react-native-customer-review-bars

> A customizables ListView that allows you to display customer review scale

Latest version **1.0.7** (published 2019-12-03) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-native-customer-review-bars
pnpm add react-native-customer-review-bars
yarn add react-native-customer-review-bars
bun add react-native-customer-review-bars
```

## 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.7 |
| Published | 2019-12-03 |
| First published | 2019-12-02 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 967.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Author | Suraj Sanwal |
| Maintainers | sonu654 |
| Keywords | customer, bars, review, react, native, react-native, customer-review, review-bars, rating |

## Links

- npm: https://www.npmjs.com/package/react-native-customer-review-bars
- Repository: https://github.com/surajSanwal/react-native-customer-review-bars
- Homepage: https://github.com/surajSanwal/react-native-customer-review-bars.git#readme
- Issues: https://github.com/surajSanwal/react-native-customer-review-bars.git/issues
- npm.io page: https://npm.io/package/react-native-customer-review-bars

## Dependencies (1)

- [react-native-animatable](https://npm.io/package/react-native-animatable.md) ^1.3.3

## 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

- 1.0.7 (latest) — 2019-12-03
- 1.0.6 — 2019-12-03
- 1.0.5 — 2019-12-03
- 1.0.4 — 2019-12-03
- 1.0.3 — 2019-12-02
- 1.0.2 — 2019-12-02
- 1.0.1 — 2019-12-02
- 1.0.0 — 2019-12-02

## README

# react-native-customer-review-bars

> A customizables ListView that allows you to display customer review scale.

## Install

Using NPM

```sh
npm install react-native-customer-review-bars
```

Using Yarn

```sh
yarn add react-native-customer-review-bars
```

## Example

|                        |                            |
| :--------------------- | :------------------------: |
| ![](images/normal.gif) | ![](images/percentage.gif) |

## Usage

```js
import React, { Component } from "react";
import { View } from "react-native";
import Review from "react-native-customer-review-bars";

const reviews = [
  { value: 10000 },
  { value: 500 },
  { value: 456 },
  { value: 350 },
  { value: 500 }
];
// --- OR ---
// const  reviews = [
//   { value: 10000 , type:"Excellent"},
//   { value: 500 ,type:"Great"},
//   { value: 456 },
//   { value: 350 },
//   { value: 500 }
// ];
// to make custom messages
class App extends Component {
  render() {
    return <Review reviews={reviews} />;
  }
}
export default App;
```

## Properties

| Prop            |                          Default                          |   Type   | Description                                                                                                             |
| :-------------- | :-------------------------------------------------------: | :------: | :---------------------------------------------------------------------------------------------------------------------- |
| reviews         |                           `[]`                            | `array`  | All items available in the list (array of `string` or `{ type, value }`)                                                |  |
| showPercentage  |                          `false`                          |  `bool`  | Display percentage of reviews                                                                                           |
| showCount       |                          `false`                          |  `bool`  | Display count of reviews                                                                                                |
| colors          | `["#4CAF50", "#2196F3", "#00bcd4", "#ff9800", "#f44336"]` | `Array`  | Change color of bars                                                                                                    |  |
| reviewTypeStyle |                           `{}`                            | `object` | [Style](https://facebook.github.io/react-native/docs/text.html#style) for the "type" label.                             |  |
| rightTextStyle  |                           `{}`                            | `object` | [Style](https://facebook.github.io/react-native/docs/text.html#style) for the "percentage or value" label.              |  |
| flatListProps   |                           `{}`                            | `object` | [FlatList](https://facebook.github.io/react-native/docs/flatlist#docsNav) for pass flatlist props inside the component. |  |
| barStyle        |                           `{}`                            | `object` | [Style](https://facebook.github.io/react-native/docs/text.html#style) for the "empty barStyle" style.                   |  |
| barFillStyle    |                           `{}`                            | `object` | [Style](https://facebook.github.io/react-native/docs/text.html#style) for the "filled bar" style.                       |  |

## License

© Suraj Sanwal

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