### Install react-native-ratings

Source: https://github.com/monte9/react-native-ratings/blob/master/README.md

Install the react-native-ratings package using either Yarn or npm package managers.

```yarn
yarn add react-native-ratings
```

```npm
npm install --save react-native-ratings
```

--------------------------------

### React Native Ratings Usage Examples

Source: https://github.com/monte9/react-native-ratings/blob/master/README.md

Demonstrates how to import and use the Rating and AirbnbRating components in a React Native application. Includes examples for default usage, custom reviews, and event handling.

```javascript
import { Rating, AirbnbRating } from 'react-native-ratings';

const WATER_IMAGE = require('./water.png')

ratingCompleted(rating) {
  console.log("Rating is: " + rating)
}

<AirbnbRating />

<AirbnbRating
  count={11}
  reviews={["Terrible", "Bad", "Meh", "OK", "Good", "Hmm...", "Very Good", "Wow", "Amazing", "Unbelievable", "Jesus"]}
  defaultRating={11}
  size={20}
/>

<Rating
  showRating
  onFinishRating={this.ratingCompleted}
  style={{ paddingVertical: 10 }}
/>

<Rating
  type='heart'
  ratingCount={3}
  imageSize={60}
  showRating
  onFinishRating={this.ratingCompleted}
/>

<Rating
  type='custom'
  ratingImage={WATER_IMAGE}
  ratingColor='#3498db'
  ratingBackgroundColor='#c8c7c8'
  ratingCount={10}
  imageSize={30}
  onFinishRating={this.ratingCompleted}
  style={{ paddingVertical: 10 }}
/>
```

--------------------------------

### RatingProps API

Source: https://github.com/monte9/react-native-ratings/blob/master/README.md

Defines the properties available for the React Native Ratings component. These props allow customization of rating type, appearance, behavior, and event handling, enabling developers to integrate a star rating system into their applications.

```APIDOC
RatingProps:
  type: string
    default: "star"
    description: Choose one of the built-in types: `star`, `rocket`, `bell`, `heart` or use type `custom` to render a custom image (optional)

  ratingImage: string
    default: "star"
    description: Pass in a custom image source; use this along with `type='custom'` prop above (optional)

  ratingColor: string (color)
    default: "#f1c40f"
    description: Pass in a custom fill-color for the rating icon; use this along with `type='custom'` prop above (optional)

  ratingBackgroundColor: string (color)
    default: "white"
    description: Pass in a custom background-fill-color for the rating icon; use this along with `type='custom'` prop above (optional)

  tintColor: string
    default: "none"
    description: Color used to change the background of the rating icon (optional)

  ratingCount: number
    default: 5
    description: The number of rating images to display (optional)

  ratingTextColor: string
    default: "none"
    description: Color used for the text labels

  imageSize: number
    default: 50
    description: The size of each rating image (optional)

  showRating: boolean
    default: "none"
    description: Displays the Built-in Rating UI to show the rating value in real-time (optional)

  readonly: boolean
    default: false
    description: Whether the rating can be modified by the user

  startingValue: number
    default: "ratingCount/2"
    description: The initial rating to render

  fractions: number
    default: 2
    description: The number of decimal places for the rating value; must be between 0 and 20

  minValue: number
    default: 0
    description: The minimum value the user can select

  style: object (style)
    default: "none"
    description: Exposes style prop to add additional styling to the container view (optional)

  jumpValue: number
    default: 0
    description: The value to jump when rating value changes (if `jumpValue` === 0.5, rating value increases/decreases like 0, 0.5, 1.0, 1.5 ...). Default is 0 (not to jump)

  onStartRating: function(rating: number)
    description: Callback method when the user starts rating. Gives you the start rating value as a whole number

  onSwipeRating: function(rating: number)
    description: Callback method when the user is swiping. Gives you the current rating value as a whole number

  onFinishRating: function(rating: number)
    description: Callback method when the user finishes rating. Gives you the final rating value as a whole number (required)
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.