A property "headerShown" is NOT controlling the screen header visibility

[fregayeg]

Hello!

In my React Native app, I use some complex navigation logic, as follows:

Navigation container
└── Root navigator
        │
        │── Bottom-sheet navigator
                    │
                    ├── Bottom-Tab navigator

As you see, the bottom-sheet navigator is wraped inside Root navigator which is of type native-stack.

Now the issue in code is : When I use Bottom-sheet navigator a screen inside Root navigator, and set headerShow as follows:

<Stack.Screen
  name={"GlobalBottomSheet}
  component={NotificationBottomSheetNav}
  options={{
    headerShown: false
  }}
/>

When I run the app, I notice the existence of a default text "GlobalBottomSheet" as header on top of some screens (screens wrapped inside the bottom-sheet navigator.

Note: When I set the headerTitle=" " , it disappears, but I see that it becomes a space.

What I need is: Please verify the property headerShown and how it works.