Repository navigation
feat(rating): add Rating, a star rating to tap or drag, plus showcase screens for it and OtpField - #85
Merged
Conversation
… screens for it and OtpField Rating picks a score by tapping a star or dragging across the row: whole or half steps, previewed while dragging and committed on release, and on the web the pointer previews the value a click would pick. readOnly shows any fraction, filling part of a star. Stars are a ★ character, so there's no SVG; renderIcon draws any icon, empty and filled, cut to the value. The row is one adjustable control for screen readers, steps with arrow keys, handles RTL, and ignores taps in the empty row after the last star. The slider's rounding helpers move to core, shared with Rating. Migration guides cover react-native-ratings and react-native-star-rating-widget. The prop playground's stage is laid out as a flex column, like the live examples, so a component can centre itself. The showcase gains "Verify your phone" (PhoneField and OtpField) and "Rate your stay". Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
… older ones The menu listed every old release line, back to v0.9, each linking to its docs on GitHub. Older lines now share one "Older versions" link to the repo's tags, so the menu is Next, the built versions, Older versions, Changelog and GitHub releases. prepare.mts no longer writes archived-versions.json. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Merged
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Rating
A star rating: tap a star, or drag across the row and let go.
value/onChange,max(5),step(1;0.5for half stars). A drag previews the value and commits once on release. On the web the pointer previews the rating a click would pick.readOnlyshows any fraction, e.g. 4.3 fills part of the fifth star, and takes no touches.renderIcondraws any icon, empty and filled, cut to the value.coloris gold by default andemptyColoris the theme's border colour.max. Works in RTL.Viewand ignores taps after the last star.useRatingreturns a namedRatingState, so the declaration build can emit it.Slider's private rounding helpers moved to
core/utils/track.utils.ts, so Slider and Rating share them. Slider's behaviour is unchanged.Docs and site
react-native-ratingsandreact-native-star-rating-widget. Everything on the AGENTS.md sync list is updated.alignSelf.PhoneFieldandOtpField) and Rate your stay (Rating).Checks
pnpm lint,pnpm typecheck,pnpm build,pnpm test(709 tests) andpnpm docs:buildall pass.🤖 Generated with Claude Code