title: expo web hide bottom navigation bar when keyboard show
body: <p>I would like to hide my bottom navigation bar on mobile device when keyboard is show.
  I use Expo 40
  I have added in definition option bottom bar <strong>keyboardHidesTabBar: true</strong>, such as:</p>
  <pre><code>const TabBot = createMaterialBottomTabNavigator();
  ...
  return(
      &lt;TabBot.Navigator 
        initialRouteName=&quot;np&quot;
        tabBarOptions={{
          keyboardHidesTabBar: true
        }}
        barStyle={TabBotOpt}&gt;
  ...
  </code></pre>
  <p>I have add <strong>&quot;softwareKeyboardLayoutMode&quot;: &quot;pan&quot;</strong> in android section into app.json file,
  but when I open the website from mobile phone (android) I have this:</p>
  <p><a href="https://i.stack.imgur.com/8xZcX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8xZcX.png" alt="enter image description here" /></a></p>
  <p>It is possible to hide bottom Tab Navigation when keyboard is open?</p>