question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Present above [native] tab bar

See original GitHub issue

Hi, 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:closed
  • Created 4 years ago
  • Comments:25

github_iconTop GitHub Comments

22reactions
trescomasdevcommented, Sep 25, 2020

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!!!

4reactions
BrtqKrcommented, Feb 24, 2020

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found