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 |