Hide BottomNavigation on active keyboard

In my login page I've used `BottomNavigation` and I want to hide the bottom navigation when the keyboard is active. I've tried with `tabBarOptions={{ keyboardHidesTabBar: true }} ` with no luck.

Below is my complete page code:

```
import React from 'react';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import Register from '../pages/register';
import Login from '../pages/login';
import { LoginIcon, RegsiterIcon } from '../assets/icons';
import { BottomNavigation, BottomNavigationTab } from '@ui-kitten/components';

const { Navigator, Screen } = createBottomTabNavigator();
const screenOptions = {
headerShown: false,
};

const BottomTabBar = ({ navigation, state }) => (
navigation.navigate(state.routeNames[index])}
style={[styles.navigation_shadow, { height: 65 }]}
tabBarOptions={{
keyboardHidesTabBar: true
}}
>



);

const GuestNavigator = () => (
}>

);

export default GuestNavigator;
```

Any help is much appreciated!

Packages versions:
```
"@ui-kitten/components": "^5.1.2",
"@ui-kitten/eva-icons": "^5.1.2",
```