Is there a way to render Modal below the bottom navigation bar ?

  1. SDK Version: 46
  2. Platform : Android

In my App.js i set my navigation bar color and style:

import * as NavigationBar from "expo-navigation-bar";

//...then inside component :

  useEffect(() => {
    if (android) {
      NavigationBar.setBackgroundColorAsync("#93898c");
      NavigationBar.setButtonStyleAsync("light");
    }
  }, []);

…which works perfectly in all screens.

But my Modals … :

    <Modal
      animationType="none"
      transparent
      visible={isVisible}
      presentationStyle="overFullScreen"
      statusBarTranslucent={true}
      hardwareAccelerated
    >
    ...my content
   </Modal>

…Always have a white navigation bar :

Is there a way to make them have the same color/settings as the screen behind it ?

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.