Go back gesture on iOS to translucent header has weird behavior

Description

When swiping back on iOS from view with not translucent header to translucent one there is an issue during transition like on the screenshot below. Current header becomes translucent and we can see how previous view transition to its place.

Is this a bug or do I need to explicitly set white color for that header somewhere?

Maybe related to #803

Screenshots

NativeStackNavigationOptions

const whiteScreenOptions: NativeStackNavigationOptions = {
  headerTitle: 'Create package',
  headerShown: true,
  headerHideShadow: true,
  headerBackTitleVisible: false,
  headerTopInsetEnabled: true,
  headerTintColor: Colors.grey[900],
};

const translucentScreenOptions: NativeStackNavigationOptions = {
  headerTitle: '',
  headerShown: true,
  headerTranslucent: true,
  headerStyle: {
    backgroundColor: 'transparent',
  },
  headerHideShadow: true,
  headerBackTitleVisible: false,
  headerTopInsetEnabled: true,
  headerTintColor: Colors.grey[900],
};

Steps To Reproduce

1. Create view with translucent header and place something there to see the actual issue during transition.
2. Create view with not translucent header and try to go back to above one on iOS with swipe gesture.

Expected behavior

This part of the view should stay white till the end of the transition.

Package versions

@react-navigation/native: 5.9.2 expo: 40.0.1 react: 17.0.1 react-native: 0.63.4 react-native-screens: 2.17.1

[WoLewicki]

Can I close this issue then? I don’t think there is much to be added here.

[chybisov]

@WoLewicki thank you! I’ll try my luck with option 1 then. 😃