react-native-curved-bottom-bar icon indicating copy to clipboard operation
react-native-curved-bottom-bar copied to clipboard

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

Open NguyenThinh-17001510 opened this issue 3 years ago • 8 comments

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.

NguyenThinh-17001510 avatar Apr 20 '23 17:04 NguyenThinh-17001510

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

trunglemobiledev avatar May 10 '23 08:05 trunglemobiledev

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

raveesh-gowda avatar Jun 06 '23 03:06 raveesh-gowda

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 avatar Jun 16 '23 14:06 julekgwa

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

julekgwa avatar Jun 16 '23 15:06 julekgwa

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

oniseven avatar Sep 04 '23 04:09 oniseven

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

JessyAngel07 avatar Oct 18 '23 09:10 JessyAngel07

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

Usamaliaquat123 avatar Nov 14 '23 08:11 Usamaliaquat123

@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.

julekgwa avatar Nov 14 '23 09:11 julekgwa