Replies: 4 comments 2 replies
-
Did you ever end up finding a solution to achieve this? |
Beta Was this translation helpful? Give feedback.
-
|
@lodev09 is this possible with the current library? Or perhaps a feature on the roadmap? |
Beta Was this translation helpful? Give feedback.
-
|
This is already possible managed to make it work. I can post code here if you'd like |
Beta Was this translation helpful? Give feedback.
-
|
V3 now properly supports this, after some improvements with the background #214. Although this is still not possible on Liquid Glass (iOS 26) since ios applies it by default. Just set background color to transparent or don't provide at all then style your content to look like it's detached |
Beta Was this translation helpful? Give feedback.



Uh oh!
There was an error while loading. Please reload this page.
-
Context
I’d like to create a detached bottom sheet. One that does not stick to the bottom of the screen, but instead floats with some distance from it. Here's a visual example of what I mean:
What I've Tried
marginBottomI tried applying
marginBottomto bothstyleandcontentContainerStyle, but this had no visible effect.backgroundColor="transparent"I also tried setting the sheet background to transparent, and wrapping content inside a child view with
marginBottom. This somewhat simulates the behavior, but the default shadow of the sheet still persist. Even with an empty sheet and full transparency, the shadow remains:Feature Request
It would be great to have a built-in
detachedprop, similar to the one in Gorhom’s Bottom Sheet, which adds the ability to have some space from the bottom.Additionally, providing customization options for the sheet’s shadow would enable developers to implement floating or non-standard layouts more easily.
Beta Was this translation helpful? Give feedback.
All reactions