Skip to content

Conversation

@najuna-brian
Copy link
Contributor

Description

The bottom navigation bar was being overlapped by the Android system navigation bar, making it partially hidden and unclickable on Android devices.

Solution

  • Use useSafeAreaInsets() to get device-specific safe area insets
  • Dynamically adjust tab bar height: baseHeight + insets.bottom
  • Adjust bottom padding to account for the system navigation bar

Changes

  • Modified MainTabNavigator.tsx to use safe area insets
  • Tab bar now sits above the system navigation bar on all devices
  • Works with both gesture navigation and 3-button navigation

Fixes #98

@najuna-brian najuna-brian requested a review from r0ssing December 21, 2025 13:31
Copy link
Contributor

@r0ssing r0ssing left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Aaah this is great! I can't wait to try it. Perhaps we should release a new alpha with this?

@najuna-brian najuna-brian merged commit 406d089 into OpenDataEnsemble:dev Dec 21, 2025
8 checks passed
@najuna-brian
Copy link
Contributor Author

Lets go 🥳

1 similar comment
@najuna-brian
Copy link
Contributor Author

Lets go 🥳

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Formulus] Menu hidden behind on-screen Android buttons

2 participants