Bottom tab bar is not hiding under keyboard / only taking the props of tabBarActiveBackgroundColor

[ridasajjad5]

i installed the library it is working fine but tab bar is not hiding under keyboard modal . i set the "tabBarHideOnKeyboard: true" in the screenOption. kindly let me the if there is any work around or solution whatever it is Thanks

[Jm-Zion]

Hi,
Thank you for the feedback,
I see the problem, I don't have a workaround right now, i'll give it a check by tomorrow morning :)

[Jm-Zion]

Hi,
I think i've to do something for this case, at the moment you could wrap the tabBar component with a component that handle this.

Something like :

const HideOnKeyboard: React.FC = (props) => {
  const [hidden, setHidden] = React.useState(false);

  React.useEffect(() => {
    const keyboardDidShowListener = Keyboard.addListener(
      'keyboardDidShow',
      keyboardDidShow,
    );
    const keyboardDidHideListener = Keyboard.addListener(
      'keyboardDidHide',
      keyboardDidHide,
    );
    return () => {
      keyboardDidShowListener.remove();
      keyboardDidHideListener.remove();
    };
  });

  const keyboardDidShow = () => {
    setHidden(true);
  };

  const keyboardDidHide = () => {
    setHidden(false);
  };

  return !hidden && props.children;
};

[commencementtech]

Above solution creating issue that it's showing all menu active for some times and then after it showing correct menu