Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FEATURE] - an always open sheet that sit a at the bottom #184

Closed
jacobsamo opened this issue Dec 12, 2023 · 3 comments
Closed

[FEATURE] - an always open sheet that sit a at the bottom #184

jacobsamo opened this issue Dec 12, 2023 · 3 comments

Comments

@jacobsamo
Copy link

jacobsamo commented Dec 12, 2023

Something I am implementing into my app is a bottom drawer that is in a way always open, what I mean by this is the little drag indicator is sitting at the bottom of the screen for the user to pull up to open rather than just being open from a button and when they drag down to close it just sits there to be open again.

My request: to have it so the bottom draw can sit at the bottom as the closed state and then be able to be pulled up to open it. Closing the drawer will just put it to be at the bottom.

For example on Apple Maps:

The default state:
image

On drag up:
image

And when you drag down to close it goes back to the default state.

@rortan134
Copy link
Contributor

rortan134 commented Dec 22, 2023

Hey, I think this is already possible by combining dismissible={false} and snapPoints on the latest version. example

@vladyoslav
Copy link

Hey, I think this is already possible by combining dismissible={false} and snapPoints on the latest version. example

What about interacting with outside elements? I tried to achieve this using modal={snaps.indexOf(snap) > 0} and onInteractOutside={setFirstSnap}, but it leads to the overlay instantly disappearing and no animation in the drawer.

Passing modal={false} prevents the overlay from rendering at all, and programmatically changing the active snap point does not affect the position of the drawer.

example

@emilkowalski
Copy link
Owner

Like @rortan134 mentioned, this is already possible.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants