Open shovel-kun opened 6 days ago
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.
Small update:
I got iOS to work with just few lines of code and it looks great!
https://github.com/user-attachments/assets/109cfe10-6f00-4ea4-8b73-7f9dd25008d0
I will investigate what we need to support Android
Awesome!!! Is it able to animate when navigating? Bottom Tab Screen -> Another Screen?
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?
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?
Hey @gunnartorfis try with ignoresTopSafeArea then your view will stretch above it
@okwasniewski Thanks it works, not sure how I missed that
@gunnartorfis Im thinking about making it the default in next release so that the initial experience is smoother 😄
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?