VxRating

VelocityX gives you VxRating - To show ratings to the user and the user can change it too. Fully customizable.

By default.

important

Video Tutorial

note

The default rating count is 5 and the maximum rating is 10 (including half ratings).

Using VxRating

VxRating(
onRatingUpdate: (value) {},
)

Using the VxRating properties. Use onRatingUpdate() to get the selected value.

VxRating(
onRatingUpdate: (value) {},
count: 5,
selectionColor: Colors.teal,
size: 30,
)

Sample Output

Rating sample
tip

Use default icon for better quality.

Properties

Prop (Type)DefaultDescription
maxRating (double)10The maximum rating which can be given
count (int)5Stars count
value (int)10Currently selected value
size (double)20Size of the icon/image
padding (double)0To give space between the stars/icons
normalImage (dynamic)To provide a custom image of star/rating (unselected)
selectImage (dynamic)To provide a custom image of star/rating (selected)
normalColor (Color)Colors.greyUnselected color of the icon
selectionColor (Color)Colors.redSelected color of the icon
isSelectable (bool)trueIf the rating is selectable or not
stepInt (int)falsetrue if Half star not allowed