How to shrink/grow other element while dragging bottom sheet

[Arilith]

Hi,

Currently I've got a map visible behind (above) my bottom sheet, and what I'd like is that it dynamically scales when dragging the bottom sheet up (or down)

Currently I've just set it so that when the sheet opens to a new snap point, the height of the map is changed. However, this doesn't look that smooth as it dynamically resizing on drag. Is there any way to implement this?

I've found useGestureEventsHandlersDefault, and gestureEventsHandlersHook, but I would have no clue how to implement that. I'm quite new to react native, so this could be very easy 😅

Thanks in advance!

[AfzalAghariya]

@Arilith Did you found any solution?
I am looking for this same behaviour in my current App

[danieljvdm]

@AfzalAghariya it's pretty easy, just use animatedIndex or animatedPosition props in BottomSheet and interpolate those for an animated value that scales your map

[AfzalAghariya]

Thanks @danieljvdm I'll try this approach.