Present above [native] tab bar
See original GitHub issueHi, I’m using react native navigation
– everything works great, except for the fact the bottom sheet is presented beneath the tab bar. Is there a way to make it show above it?
Thank you!
Issue Analytics
- State:
- Created 4 years ago
- Comments:25
Top Results From Across the Web
How to show modalviewcontroller above tabbar
Try to present modal view from UITabBarController : [self.tabBarController presentModalViewController:modalView animated:YES];.
Read more >Material Top Tabs Navigator
A material-design themed tab bar on the top of the screen that lets you switch between different routes by tapping the tabs or...
Read more >Tab bars - Navigation and search - Components
A tab bar lets people navigate among different areas of an app, like the Alarm, Stopwatch, and Timer tabs in the Clock app....
Read more >Full Screen Navigation View over Tabbar in SwiftUI
In this blog, you can see how you can navigate a view over the Tabbar view in SwiftUI by using the reactive programming...
Read more >How to Create a Custom Tab Bar in React Native
In the above code snippet, you can see that data is an array that has different objects. Let's create the first tab screen...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
react-native-portalize the key guys!!! Just wrap the tabnavigation in the Host component and after any place in the application wrap your bottomsheet component in a Portal component. Works like hell!!!
Hi, thank you for digging into this issue. Your problem seems to be caused entirely by react native navigation and that’s why it has to be wrapped in a Modal component. Please use react navigation next time instead. I think that sums it up.