react-native-screens: Header background color doesn't work (IOS only)

Description

1. I used Nesting navigators like this root stack nav -> stack nav -> bottom tab -> stack nav (last stack screen)
2. Header style (backgroundColor) in my header in last stack screen doesn’t work
3. Have some screen work but some screen don’t work.
4. when close app and reopen app then sometime it work fine (yellow header) but sometime it doesn’t work(transparent header).

Screenshots

Steps To Reproduce

import { createNativeStackNavigator } from "react-native-screens/native-stack"
const Stack = createNativeStackNavigator<PrimaryMoreParamList>()
const HeaderCenter = (props: any) => {
  const { tx, text, ...rest } = props
  const textProps = tx ? { tx } : { text }
  return (<Text {...textProps} {...rest} preset="topic" />)
}
export function MoreNavigator() {
  return (
    <Stack.Navigator
      screenOptions={{
        headerShown: true,
        gestureEnabled: true,
        headerStyle: {
          backgroundColor: 'yellow',  // It should be yellow color
        },
        stackAnimation: 'slide_from_right',
      }}
    >
      <Stack.Screen name="more" component={MoreScreen}
        options={({ navigation, route }) => ({
          headerCenter: () => <HeaderCenter tx={"moreScreen.moreMenu"} />,
          headerHideShadow: false,
        })}
      />
    </Stack.Navigator>
  )
}

• “react-native-screens”: “^2.17.1”,
• “@react-navigation/bottom-tabs”: “^5.11.2”,
• “@react-navigation/native”: “^5.1.5”,
• “@react-navigation/stack”: “^5.14.2”,