appandflow / appandflow/react-navigation-bottom-sheet

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

Open
#10 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
496
Forks
24
PR merge metrics
No merged PRs in 30d

Description

Hello!

In my React Native app, I use some complex navigation logic, as follows:
```txt
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](https://reactnavigation.org/docs/native-stack-navigator/).

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

```
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.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.