AirbnbRating
Ratings are used to collect measurable feedback from users.
Use Rating over an Input where imagery can increase user interaction.
This component is imported from react-native-ratings.
There are two types of rating - TapRating and SwipeRating.
This documentation is for Tap Rating version.
Usage
Props
AirbnbRating
- count
- defaultRating
- isDisabled
- onFinishRating
- reviewColor
- reviewSize
- reviews
- selectedColor
- showRating
- size
- starContainerStyle
- starImage
Reference
AirbnbRating
count
Total number of ratings to display
Default is 5
| Type | Default |
|---|---|
| number | None |
defaultRating
Initial value for the rating
Default is 3
| Type | Default |
|---|---|
| number | None |
isDisabled
Whether the rating can be modified by the user
Default is false
| Type | Default |
|---|---|
| boolean | None |
onFinishRating
Callback method when the user finishes rating. Gives you the final rating value as a whole number
| Type | Default |
|---|---|
| (number: any) => void | None |
reviewColor
Color value for review.
Default is #f1c40f
| Type | Default |
|---|---|
| string | None |
reviewSize
Size value for review.
Default is 40
| Type | Default |
|---|---|
| number | None |
reviews
Labels to show when each value is tapped
e.g. If the first star is tapped, then value in index 0 will be used as the label
Default is ['Terrible', 'Bad', 'Okay', 'Good', 'Great']
| Type | Default |
|---|---|
| string[] | None |
selectedColor
Color value for filled stars.
Default is #004666
| Type | Default |
|---|---|
| string | None |
showRating
Determines if to show the reviews above the rating
Default is true
| Type | Default |
|---|---|
| boolean | None |
size
Size of rating image
Default is 40
| Type | Default |
|---|---|
| number | None |
starContainerStyle
Style for star container
Default is none
| Type | Default |
|---|---|
| View style(Object) | None |
starImage
Pass in a custom base image source
| Type | Default |
|---|---|
| string | None |