How to Make a Bottom Sheet Modal Appear on Top of Expo Tabs

[docJBdev]

Can someone help me? Is there a way to make the bottom sheet modal appear on top of the tabs? I'm using Expo Router/Tab navigation.

[GaylordP]

Hello :)

Have you found a solution?
Thanks

[docJBdev]

Unfortunately, I wasn't able to find a solution, so I ended up using a different navigation package instead.

[GerardGargan]

I had this issue and moving the BottomSheet component higher up the component tree worked. In the end I moved it into my _layout file where the tab navigation stack was defined (I'm using expo router). It then rendered over the top. Hope this helps someone in the future

[Dosbodoke]

@GerardGargan How can I open it from a deeply nested component?

[GerardGargan]

@GerardGargan How can I open it from a deeply nested component?

Hi, I ended up swapping to use the BottomSheetModal component that is provided by the library for this purpose. You can nest it deeply in components and it will still render on top, I'm guessing it uses a portal, like a normal Modal would to do this.