Detect NavigationBar type

[unendingblue]

Hello,

I've been looking for a way to detect what type of navigation bar the system is set to (gesture navigation, 2-button navigation, 3-button navigation), so that I can conditionally set its visibility. For example, I would like to hide it if it's set to 2/3-button navigation, but keep it visible if it's gesture navigation.

Expo's expo-navigation-bar explicitly mentions that it does not detect whether gesture navigation is enabled or not. Nonetheless, I've found react-native-navigation-bar-detector which does correctly determine the type.

The code would theoretically look something like this:

<SystemBars
  style='dark'
  hidden={{
    statusBar: false,
    navigationBar: Platform.OS === 'android' ? [NavigationBarType.TwoButton, NavigationBarType.ThreeButton].includes(getNavigationBarType()) : false,
  }}
/>

A useNavigationBarType hook could also work.

Would something like this be within the scope of this library?

[zoontek]

Hi, it's out of the scope of this library.