Feature: Add Snap Points Support to Bottom Sheet #204
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.
✨ Feature: Add Snap Points Support to Bottom Sheet
Summary
This PR introduces a new
snapPointsprop to react-native-raw-bottom-sheet, allowing the bottom sheet to open and snap to multiple defined positions.The feature is backward-compatible — existing
heightusage still works.🔥 New Features
Prop | Type | Description -- | -- | -- height | number | The height of bottom sheet (used if snapPoints not provided). snapPoints | array | Array of snap points (['20%', '50%', '90%'] or [200, 400, 600]). Overrides height. Method | Description -- | -- open(index?: number) | Opens the bottom sheet at a snap point. Defaults to last snap point. close() | Closes the bottom sheet.snapPointspropAccepts an array of percentages or absolute numbers.
🧪 Testing
Verified that:
Old height prop still works unchanged.
snapPoints opens correctly at different positions.
Dragging with finger follows smoothly.
On release, sheet snaps to nearest defined point.
🙏 Notes
Fully backward-compatible.
README.md updated with usage examples.
Typings (index.d.ts) updated for new prop + method.