Skip to content

[Android] Screen size not adjusted properly when navigationBar is hidden #7171

@larslr

Description

@larslr

🐛 Bug Report

Screen size remains the same size when navigationBar is hidden, leaving a background colored box where the navigationBar used to be.

Have you read the Contributing Guidelines on issues?

Yes.

To Reproduce

  1. Start with playground app
  2. In app.ts, edit the setRoot() call so that that the Options stack is directly below root, removing bottomTabs and the other screens
  3. Start the app, click the "Toggle Navigation bar visibility" button

Expected behavior

The usable screen should expand towards the bottom when the navigation bar disappears. This works when using the bottomBar.

Actual Behavior

The navigation bar disappears, but the area remains unusable. Scrolling the view moves the buttons under the navigation bar area instead of letting them hit the bottom of the screen.

Attached are screenshots showing the situation.

scrolled_down
scrolled_up

Your Environment

  • React Native Navigation version: 7.16.0
  • React Native version: 0.63.1
  • Platform: Only tested on Android
  • Device info: Android 8.1 simulated and device

Reproducible Demo

git clone https://github.com/hooplab/react-native-navigation.git rnn_navbar
cd rnn_navbar
git checkout navbar_bug

Follow Playground instructions to start app

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions