Support screen options

[Ahmadhmaid777]

Curved-bottom-bar should support screen options so i can pass options to CurvedBottomBar screen like this example

<CurvedBottomBar.Screen name={SCREEN_KEYS.PROFILE} position="RIGHT" component={ProfileScreen} options={{headerShown: false}} />

[ducpt-bili]

+1 I want do disable header, but not found the way to do it.

[ducpt-bili]

I found the way to do that. on CurvedBottomBar.Navigator i add: screenOptions={{ headerShown: false, }} and it work.

[Ahmadhmaid777]

I found the way to do that. on CurvedBottomBar.Navigator i add: screenOptions={{ headerShown: false, }} and it work.

That's good for make header hidden in all screens but I can't hide header for specific screen or add different title for every screen

[ozdemiremrah]

Also

screenOptions={{ tabBarHideOnKeyboard: true }}

not working.

[draturi95]

@ozdemiremrah

I'm facing the same issue.

Did you find a way to make the bottom navigator disappear for the case where the keyboard is enabled?

[ozdemiremrah]

@draturi95 I have listen Keyboard events didShow and didHide

here is my code.

const bottomBarRef = useRef();

  useEffect(() => {
    const showSubscription = Keyboard.addListener('keyboardDidShow', () => {
      //console.log('keyboardDidShow')
      bottomBarRef.current.setVisible(false)
    });
    const hideSubscription = Keyboard.addListener('keyboardDidHide', () => {
      //console.log('keyboardDidHide') 
      bottomBarRef.current.setVisible(true)
    });

    return () => {
      showSubscription.remove();
      hideSubscription.remove();
    };
  }, []);

....
<CurvedBottomBar.Navigator
        ref={bottomBarRef}
        ...
        />

[julekgwa]

I found the way to do that. on CurvedBottomBar.Navigator i add: screenOptions={{ headerShown: false, }} and it work.

This's not the way, the original support hiding individual headers but this one doesn't seem to support it.