Last updated:
0 purchases
animated rating stars
Animated Rating Stars for Flutter #
AnimatedRatingStars is a highly customizable animated rating bar widget for Flutter. It allows users to interactively provide ratings by tapping on stars. The package offers a wide range of customization options and is designed to be easy to integrate into your Flutter applications.
Demo #
Features #
Create animated rating bars with filled, half-filled, and empty stars.
Customize star colors, icons, sizes, and animation parameters.
Display the rating value and enable interactive tooltips for half-filled stars.
Supports both read-only and interactive modes.
Installation #
To use this package, add animated_rating_stars as a dependency in your pubspec.yaml file:
dependencies:
animated_rating_stars: ^1.0.1
copied to clipboard
Then, run flutter pub get to fetch the package.
Usage #
Import the package in your Dart code:
import 'package:animated_rating_stars/animated_rating_stars.dart';
copied to clipboard
Now, you can use the AnimatedRatingStars widget in your Flutter app:
AnimatedRatingStars(
initialRating: 3.5,
minRating: 0.0,
maxRating: 5.0,
filledColor: Colors.amber,
emptyColor: Colors.grey,
filledIcon: Icons.star,
halfFilledIcon: Icons.star_half,
emptyIcon: Icons.star_border,
onChanged: (double rating) {
// Handle the rating change here
print('Rating: $rating');
},
displayRatingValue: true,
interactiveTooltips: true,
customFilledIcon: Icons.star,
customHalfFilledIcon: Icons.star_half,
customEmptyIcon: Icons.star_border,
starSize: 30.0,
animationDuration: Duration(milliseconds: 300),
animationCurve: Curves.easeInOut,
readOnly: false,
)
copied to clipboard
Customize the properties according to your requirements. The onChanged callback is called when the rating changes.
For more examples and usage details, refer to the examples directory included with this package.
Customization #
You can customize the appearance and behavior of the rating bar using the following properties:
initialRating: The initial rating value.
minRating: The minimum rating value.
maxRating: The maximum rating value.
filledColor: The color for filled stars.
emptyColor: The color for empty stars.
filledIcon: The icon used for filled stars.
halfFilledIcon: The icon used for half-filled stars.
emptyIcon: The icon used for empty stars.
displayRatingValue: Show or hide the rating value.
interactiveTooltips: Enable interactive tooltips for half-filled stars.
customFilledIcon: Use a custom icon for filled stars.
customHalfFilledIcon: Use a custom icon for half-filled stars.
customEmptyIcon: Use a custom icon for empty stars.
starSize: Set the size of each star.
animationDuration: Adjust the duration of the animation when the rating changes.
animationCurve: Define the animation curve for the rating change.
readOnly: Make the widget read-only.
Customization #
Contributions and feedback are welcome! If you encounter any issues or have feature requests, please open an issue on GitHub.
License #
This package is distributed under the MIT License. See LICENSE for details.
For more Flutter packages and development resources, visit pub.dev.
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.