feat: [IOPLT-1655] Add native bottom sheet components via react-native-screens#7902
Open
feat: [IOPLT-1655] Add native bottom sheet components via react-native-screens#7902
react-native-screens#7902Conversation
dmnplb
requested review from
RiccardoMolinari95,
freddi301 and
gispada
as code owners
dmnplb
added
the
Experimental lab ✨
Contributor
Jira Pull Request LinkThis Pull Request refers to Jira issues: |
Contributor
PR Title Validation for conventional commit type✅ All good! PR title follows the conventional commit type. |
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
2 participants
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.
Short description
Add a new Native category in the Design System section with the new native bottom sheet components, managed through a combination of
react-navigationandreact-native-screenslibraries.List of changes proposed in this pull request
formSheetmodereact-native-screenslibraryDependency
react-navigationtov7#7837Preview
Note
The video below doesn't show the bezels of the device, but the rounded sheets follow the rounded shape of the device precisely.
Warning
As you can see from the video, there are some limitations to the current implementation, such as the inability to place the main button at the bottom of the sheet.
native-bottom-sheets.mov