Star rating

Star Ratings are used for displaying a score within a given range.

Backpack-SwiftUI/StarRating

Cocoapods class reference view on Github

Day Night

Usage

To use the star rating component in your code you will need to bind the rating property and set the maxRating property. The maxRating is the maximum number of stars that can be displayed.

Basic star rating


                                                
                                                @State var rating: Float = 3.5
                                                BPKStarRating(rating: $rating, maxRating: 5)

Interactive star rating


                                                
                                                @State var rating: Float = 3.5
                                                BPKStarRating(rating: $rating, maxRating: 5) { selectedRating in
                                                    rating = selectedRating
                                                }

Hotel star rating


                                                
                                                @State var hotelRating: Int = 3
                                                BPKHotelStarRating(rating: $hotelRating)

Star rating with Large size


                                                
                                                @State var rating: Float = 3.5
                                                BPKStarRating(rating: $rating, maxRating: 5, size: .large)

Customise Rating Rounding

Rounding can be customised by setting the rounding property. The default is .down.


                                                
                                                @State var rating: Float = 3.5
                                                BPKStarRating(rating: $rating, maxRating: 5, rounding: .down)