IOS 26: Add support for full detent backgroundColor customization

[RazvanGorea]

Liquid glass sheet has a point where it transitions to a solid background.

1. Is it possible to customize this color? With your library I only get the white background.
2. Is it possible to detect when this transition happens, so that we can apply UI changes like apple does?

Screen.Recording.2026-04-13.at.16.51.45.mov

[vilindberg]

Not a maintainer, but a hack I use is to set the detent to 0.875 on iOS 26+. Using this value as max will (at least what I have seen) always render the sheet with a glass background.

I guess you could also use this value and compare the detent from the size listeners to fade in a custom background.

[RazvanGorea]

If this is the case then it solves the detection part. Thanks!

[RazvanGorea]

Another thing I noticed in the Apple Maps sheet is that the glass isn’t fully clear, it seems to have a subtle white tint.

GlassView from expo-glass-effect supports this through a tintColor prop. It would be great to see similar support added to this library as well.

[vilindberg]

I just add a View as a child to the sheet with StyleSheet.absoluteFill and a background color with an opacity of around ~0.1 to get a tint effect on the whole sheet.

[RazvanGorea]

Works as a workaround however when the sheet is over-dragged, the default tint becomes visible at the bottom.

[vilindberg]

I usually set the height of the View to windowHeight (or something slightly higher than your max detent).

Works as long as your tint is not a gradient that needs the end color to be at the right position.

[idlework]

@RazvanGorea You van manipulate the sheet background style with the backgroundBlur options see docs