A simple animated rating bar to help you implement a rating system in your app.
- ⭐ Change between 8 types of animation (bounce, shake, rotate, jump and others).
- 💫 Choose a curve for the animation.
- 💪 Adjust the intensity of the animations.
- 🏀 Use any widget as rating indicator.
- 📚 You choose how many rating objects will be.
- 👇 Select a rating by tapping.
- 🌈 Includes a toggleable Cascade-Animation.
- 🕙 Choose the duration of everything.
- Declare an
AnimatedRatingBar
with the desired parameters.
AnimatedRatingBar(
animationType: ARBAnimationType.rotate,
emptyWidget: Icon(
Icons.star_border_rounded,
size: 48,
color: Colors.white,
),
fullWidget: Icon(
Icons.star_rounded,
size: 48,
color: Colors.white,
),
),
- Use the shake animation:
- Or the bounce animation:
- Explore other parameters to customize your rating bar, including animation intensity and rating widget selection. You can retrieve the current rating value using the onRatingChanged callback method.
AnimatedRatingBar(
animationType: ARBAnimationType.rotate,
emptyWidget: Icon(
Icons.star_border_rounded,
size: 48,
color: Colors.white,
),
fullWidget: Icon(
Icons.star_rounded,
size: 48,
color: Colors.white,
),
//here
onRatingChanged: (value) {
int rating = value;
},
),
Feel free to submit pull requests or suggest changes on issues (on GitHub). A simple example is available on the GitHub repository.