Wednesday, 2 November 2022

React native Modal bypasses expo navigation bar setting

In my App.js i have set :

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

...In my component

 useEffect(() => {
    if (android) {
      NavigationBar.setBackgroundColorAsync("transparent");
    }
  }, []);

which sets my navigation bars transparent in all screens,but when a modal is visible :

    <Modal
      animationType="none"
      transparent
      visible={isVisible}
      presentationStyle="overFullScreen"
      hardwareAccelerated
    >

...navigation bar becomes white,even when i try to set it also within my modal component as well,any known solutions for this ?



from React native Modal bypasses expo navigation bar setting

No comments:

Post a Comment