Flutter Star Rating Widget — Interactive and Display Rating Component

Star ratings are ubiquitous in mobile apps — product reviews, restaurant ratings, app feedback, driver ratings. The Flutter Star Rating Widget from FlutterKit gives you both an interactive input version and a display-only version, with half star support and full customisation.

Two Modes

Interactive Mode — users tap or drag to set a rating. Used in review forms, feedback screens, and rating submission flows. Includes touch feedback and smooth animation.

Display Mode — shows a fixed rating value. Used in product cards, review lists, and anywhere you display an existing rating. Supports half stars for fractional values like 3.5 or 4.2.

Key Features

• Half star support — display fractional ratings accurately
• Custom colours — filled, empty, and half star colours all configurable
• Custom sizes — scale from small inline ratings to large hero ratings
• Accessible — proper semantics for screen readers
• No external packages — Flutter SDK only

Common Use Cases

E-commerce — product ratings on listing cards and detail pages. Display mode for showing average rating, interactive for collecting user review.

Food delivery apps — restaurant and dish ratings. Driver rating after delivery completion.

Service apps — freelancer ratings, service provider reviews, appointment feedback.

Course and content apps — lesson ratings, content quality feedback, instructor scores.

Travel apps — hotel ratings, attraction reviews, experience ratings.

How to Use

1. Visit rohansurve.in/flutterkit/star-rating
2. Preview interactive and display modes live
3. Copy the Dart code
4. Integrate into your Flutter project

Related FlutterKit Components

• Quantity Selector — plus/minus stepper for numeric input
• Slider — continuous value selection
• Badge Widget — count and label badges for rating displays
• Chip Widget — filter chips for rating-based filtering
• Selection Controls — full set of Flutter selection components

All free at rohansurve.in/flutterkit.