Use in combination with "React Navigation Bottom Tabs" and pan gesture

[peckomingo]

I use "React Navigation Bottom Tabs" and "Bottomsheet" together in a screen. The components are not nested, the just share the same parent. Tabs are the main-navigation and placed at the bottom of the screen and Bottomsheet is placed above with bottomInset. I want to improve the UX and want to move the Bottomsheet also if the pan gesture starts outside of its handle. If the user pans from the Bottom Navigation up, the sheet should also react and follow the finger.

See the Video, maybe it is easier to understand.

• It works fine if panning starts on Bottomsheet handle itself (red area)
• it does not react if panning starts below and outside Bottomsheet (green area)
• I want Bottomsheet also to work if panning starts from green area

Do you have any ideas how to accomplish this?

PowerToys_YXNcUrIsFM.mp4