fix: hide navigation bar when keyboard disappear

changelogs/unreleased/86451.json

@@ -0,0 +1,5 @@
+{
+  "title": "Screen: hide native navigation bar when keyboard disappears",
+  "type": "fix",
+  "packages": "ui"
+}

packages/ui/src/components/atoms/Screen/Screen.tsx

@@ -17,7 +17,7 @@
  */
 
 import React, {useEffect, useMemo, useState} from 'react';
-import {ActivityIndicator, StyleSheet, View} from 'react-native';
+import {ActivityIndicator, Keyboard, StyleSheet, View} from 'react-native';
 import SystemNavigationBar from 'react-native-system-navigation-bar';
 import {ThemeColors, useThemeColor} from '../../../theme';
 import {useConfig} from '../../../config/ConfigContext';
@@ -58,6 +58,17 @@ const Screen = ({
     setFixedItemsHeight(height);
   };
 
+  useEffect(() => {
+    const keyboardHideListener = Keyboard.addListener(
+      'keyboardDidHide',
+      immersiveMode,
+    );
+
+    return () => {
+      keyboardHideListener.remove();
+    };
+  }, []);
+
   useEffect(() => {
     immersiveMode();
   }, []);