hoaphantn7604 / react-native-curved-bottom-bar

A high performance, beautiful and fully customizable curved bottom navigation bar for React Native.
MIT License
468 stars 98 forks source link

tabBarHideOnKeyboard Not Working and Bottom Bar Goes Up with Keyboard #78

Open sandesh-wadal opened 1 week ago

sandesh-wadal commented 1 week ago

Hello,

I am experiencing an issue with the CurvedBottomBar.Navigator where the tabBarHideOnKeyboard screen option is not functioning as expected. Specifically, when the keyboard appears, the bottom bar is not hiding as it should. Instead, the bottom bar goes up along with the keyboard.

Steps to Reproduce: Set up a CurvedBottomBar.Navigator with tabBarHideOnKeyboard enabled in the screenOptions. Implement a screen where the keyboard is triggered (e.g., a text input field). Observe that when the keyboard appears, the bottom bar does not hide, and instead, it moves up with the keyboard.

Expected Behavior: The bottom bar should hide when the keyboard is visible, as specified by the tabBarHideOnKeyboard option.

Actual Behavior: The bottom bar moves up with the keyboard, not hiding as expected.

tried adding this in Navigator as well as in screen

<CurvedBottomBar.Navigator
    screenOptions={{
      headerShown: false,
      unmountOnBlur: true,
      tabBarHideOnKeyboard:true
    }}

     <CurvedBottomBar.Screen
    options={{
      tabBarHideOnKeyboard:true
    }}