Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

options={{headerShown: false}} in CurvedBottomBar.Screen is not working #63

Open
NguyenThinh-17001510 opened this issue Apr 20, 2023 · 8 comments

Comments

@NguyenThinh-17001510
Copy link

I try to hide the header in CurvedBottomBar.Screen : options={{headerShown: false}} but it not working, I just downgraded version to 2.4.1 so it worked.

@trunglemobiledev
Copy link

I try to hide the header in CurvedBottomBar.Screen : options={{headerShown: false}} but it not working, I just downgraded version to 2.4.1 so it worked.

Use options={{headerShown: false}} in CurvedBottomBar.Navigator

@raveesh-gowda
Copy link

In current v3.2.6 the issue still exists. For specific screen is there any way to hide the header???

@julekgwa
Copy link

I try to hide the header in CurvedBottomBar.Screen : options={{headerShown: false}} but it not working, I just downgraded version to 2.4.1 so it worked.

Use options={{headerShown: false}} in CurvedBottomBar.Navigator

But this will hide the header in all screens, which https://reactnavigation.org/docs/bottom-tab-navigator/ doesn't do.

@julekgwa
Copy link

Issue is here https://github.com/hoaphantn7604/react-native-curved-bottom-bar/blob/master/src/CurvedBottomBar/components/BottomBarViewExpo/index.tsx#L291 the options are not passed to the screen. Here's a fix <Tab.Screen options={e?.props?.options} key={e?.props?.name} name={e?.props?.name}>

@hoaphantn7604

@oniseven
Copy link

oniseven commented Sep 4, 2023

Issue is here https://github.com/hoaphantn7604/react-native-curved-bottom-bar/blob/master/src/CurvedBottomBar/components/BottomBarViewExpo/index.tsx#L291 the options are not passed to the screen. Here's a fix <Tab.Screen options={e?.props?.options} key={e?.props?.name} name={e?.props?.name}>

@hoaphantn7604

It would be nice if listener is also included on that line too

@JessyAngel07
Copy link

I try to hide the header in CurvedBottomBar.Screen : options={{headerShown: false}} but it not working, I just downgraded version to 2.4.1 so it worked.

screenOptions={
{
headerStatusBarHeight: -56,
} do this in screen option to hide header

@Usamaliaquat123
Copy link

add screenOptions={{ headerShown: false, }} on CurvedBottomBar this will fix the issue

@julekgwa
Copy link

@Usamaliaquat123 not sure if you understand the issue here, if you do that it hides the entire header. We don't want to hide the entire header but for some screens. Please read up the comments above.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

7 participants