fix: Adds dispatch for hiding header

TestsExample/App.js

@@ -58,6 +58,7 @@ import Test1036 from './src/Test1036';
 import Test1072 from './src/Test1072';
 import Test1084 from './src/Test1084';
 import Test1096 from './src/Test1096';
+import Test1153 from './src/Test1153';
 
 export default function App() {
   return (

TestsExample/src/Test1153.tsx

@@ -0,0 +1,87 @@
+import * as React from 'react';
+import {Button, View} from 'react-native';
+import {NavigationContainer, ParamListBase} from '@react-navigation/native';
+import {
+  createNativeStackNavigator,
+  NativeStackNavigationProp,
+} from 'react-native-screens/native-stack';
+import {SafeAreaView} from 'react-native-safe-area-context';
+import { ScrollView } from 'react-native-gesture-handler';
+
+const Stack = createNativeStackNavigator();
+
+export default function App() {
+  return (
+    <View style={{flex: 1}}>
+      <NavigationContainer>
+        <Stack.Navigator screenOptions={{gestureEnabled: true}}>
+          <Stack.Screen
+            name="First"
+            component={First}
+            options={{
+              gestureEnabled: true,
+              headerTranslucent: true,
+              searchBar: {
+                placeholder: 'Interesting places...',
+                obscureBackground: false,
+                hideWhenScrolling: false,
+              },
+            }}
+          />
+          <Stack.Screen
+            name="Second"
+            component={Second}
+            options={{
+              headerShown: false,
+            }}
+          />
+        </Stack.Navigator>
+      </NavigationContainer>
+    </View>
+  );
+}
+
+function First({
+  navigation,
+}: {
+  navigation: NativeStackNavigationProp<ParamListBase>;
+}) {
+  return (
+    <ScrollView
+      style={{
+        backgroundColor: '#000',
+        flex: 1,
+      }}
+      contentInsetAdjustmentBehavior="automatic">
+      <SafeAreaView>
+        <Button
+          title="Tap me for second screen"
+          onPress={() => {
+            navigation.push('Second');
+          }}
+        />
+      </SafeAreaView>
+    </ScrollView>
+  );
+}
+
+function Second({
+  navigation,
+}: {
+  navigation: NativeStackNavigationProp<ParamListBase>;
+}) {
+  return (
+    <View style={{backgroundColor: '#777', flex: 1, justifyContent: 'center'}}>
+      <Button
+        title="Tap me to go back"
+        onPress={() => {
+          navigation.pop();
+        }}
+      />
+      <Button
+        title="Open this screen again"
+        onPress={() => navigation.push('Second')}
+      />
+    </View>
+  );
+}

ios/RNSScreen.m

@@ -564,6 +564,29 @@ - (void)viewWillAppear:(BOOL)animated
     _shouldNotify = NO;
   }
 
+#if !TARGET_OS_TV
+  NSUInteger currentIndex = [self.navigationController.viewControllers indexOfObject:self];
+
+  if (@available(iOS 11.0, *)) {
+    if (currentIndex > 0 && [self.view.reactSubviews[0] isKindOfClass:[RNSScreenStackHeaderConfig class]]) {
+      UINavigationItem *prevNavigationItem =
+          [self.navigationController.viewControllers objectAtIndex:currentIndex - 1].navigationItem;
+      RNSScreenStackHeaderConfig *config = ((RNSScreenStackHeaderConfig *)self.view.reactSubviews[0]);
+
+      BOOL wasSearchBarActiveActive = prevNavigationItem.searchController.active;
+      BOOL shouldHideHeader = config.hide;
+
+      if (wasSearchBarActiveActive && shouldHideHeader) {
+        dispatch_time_t popTime = dispatch_time(DISPATCH_TIME_NOW, 0);
+        dispatch_after(popTime, dispatch_get_main_queue(), ^(void) {
+          // We need to hide header beacuse if searchbar was active, then iOS would show default header for some reason
+          [self.navigationController setNavigationBarHidden:YES animated:NO];
+        });
+      }
+    }
+  }
+#endif
+
   // as per documentation of these methods
   _goingForward = [self isBeingPresented] || [self isMovingToParentViewController];