New Feature: Headers #210
Replies: 9 comments
-
Hey! Thanks for opening this issue, I think it's a valid feature request. I would prefer to keep this library native so I guess the only viable option is to add native headers support. SwiftUI should be fairly simple but Android needs a second native component to render the top bar. We can keep the options limited as JS tabs did. |
Beta Was this translation helpful? Give feedback.
-
Small update: I got iOS to work with just few lines of code and it looks great! CleanShot.2024-11-01.at.15.18.30.mp4I will investigate what we need to support Android |
Beta Was this translation helpful? Give feedback.
-
Awesome!!! Is it able to animate when navigating? Bottom Tab Screen -> Another Screen? |
Beta Was this translation helpful? Give feedback.
-
Not sure if this is related, but would it be possible to add an option to completely hide the header, or at least add a background color to it? |
Beta Was this translation helpful? Give feedback.
-
Hey @gunnartorfis try with ignoresTopSafeArea then your view will stretch above it |
Beta Was this translation helpful? Give feedback.
-
@okwasniewski Thanks it works, not sure how I missed that |
Beta Was this translation helpful? Give feedback.
-
@gunnartorfis Im thinking about making it the default in next release so that the initial experience is smoother 😄 |
Beta Was this translation helpful? Give feedback.
-
a much needed feature. |
Beta Was this translation helpful? Give feedback.
-
I'm moving this to discussions because all feature requests will now be under the "Ideas 💡" tab in GitHub discussions. |
Beta Was this translation helpful? Give feedback.
-
As stated in the React Navigation docs (6.x and 7.x),
@react-navigation/bottom-tabs
allows for headers to be displayed and configured alongside the screen content.However, as
@react-navigation/bottom-tabs
is a JS implementation, so too are the headers.Does
react-native-bottom-tabs
plan to support headers?If so, there are two ways to approach this:
react-native-screens
's ScreenStack and ScreenStackItem API, or something like it, as seen in React Navigation's NativeStackView.native.tsxThoughts?
Beta Was this translation helpful? Give feedback.
All reactions