- Welcome
- Getting started
- Latest updates
- Foundations
-
Components
- Accordion
- Alert
- Alignment
- App Search Modal
- Aria live
- Autosuggest
- Badge
- Banner alert
- Bar chart
- Blockquote
- Bottom navigation
- Bottom sheet
- Breadcrumb
- Breakpoint
- Button
- Calendar
- Card
- Card list
- Card button
- Carousel
- Checkbox
- Chip
- Chip group
- Code
- Content cards
- Data Table
- Datepicker
- Description list
- Dialog
- Divider
- Drawer
- Field Set
- Flare
- Flat list
- Flight leg
- Floating action button
- Floating notification
- Form label
- Form validation
- Graphic promotion
- Horizontal navigation
- Icon
- Image
- Image Gallery
- Infinite scroll
- Info Banner
- Inset Banner
- Link
- List
- Map
- Mobile scroll container
- Modal
- Navigation bar
- Navigation Tab Group
- Nudger
- Overlay
- Page indicator
- Pagination
- Panel
- Phone input
- Picker
- Popover
- Price
- Progress bar
- Radio button
- Rating
- Rating Bar
- Scrollable calendar
- Search Modal
- Section header
- Section list
- Select
- Skeleton
- Skip link
- Slider
- Snackbar
- Snippet
- Spinner
- Split input
- Star rating
- Swap Button
- Switch
- Table
- Text
- Text input
- Theming
- Ticket
- Toast
- Tooltip
- Touchable native feedback
- Touchable overlay
- Search Input Summary
- Content
- Accessibility
- Contributing
- Localisation
Rating
The rating component is used to represent a score as an exact number.
Backpack/Rating
Default
Day | Night |
---|---|
Usage
The BPKRating component supports two different sizes, as defined by the BPKRatingSize enum. It also includes two rating scales, defined in BPKRatingScale. An optional subtitle is available, which will be hidden if it is set to nil. The visibility of the rating scale (either /5 or /10) is controlled by the showScale property. If a titleView is provided, the title string will be ignored.
BPKRating
import Backpack
let ratingWithTitle = BPKRating(
accessibilityLabel: "",
title: "Excellent",
value: 4.5,
)
let starRating = BPKStarRating()
starRating.rating = 4.5
let ratingWithCustomView = BPKRating(
accessibilityLabel: "",
value: 4.5,
titleView: starRating
)
let ratingWithAllPossibleArguments = BPKRating(
accessibilityLabel: "",
title: "Excellent",
value: 4.5,
ratingScale: .zeroToTen,
size: .large,
subtitle: "1,532 reviews",
showScale: false,
)
Made with ❤️ by Skyscanner © 2024
© 2024 Skyscanner Backpack. Page last updated on Apr 4, 2023, 09:11