'Wierd Transparent Black Overlay React native Navigation

I have this weird issue where there is a Transparent Black Overlay on top spanning the full width and height of the screen, but once you scroll it goes away. I tried with and without the React Navigation and it seems to only appear when using it?

Update:( I found this div causing the overlay... but it it nowhere in my code?) enter image description here Any Clue how to remove it?

Example of the overlay below enter image description here

and the code? Am I missing something? enter image description here

reactjsreact-nativenavigationreact-navigation


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions

React Router with optional path parameter

react-dropzone: isDragReject is true when accept csv?

React: Perform action, only once, when html element is clicked

How do you re-render DatePicker with updated defaultValue?

React-Native-Maps not showing on Android Emulator or real device

Having services in React application

Recommendations to get React input test

Recommendations to get React input test

Webpack 5 & Jest - Property 'toBeInTheDocument' does not exist on type 'JestMatchers<HTMLElement>'

Webpack 5 & Jest - Property 'toBeInTheDocument' does not exist on type 'JestMatchers<HTMLElement>'

Mui-datatables Material-UI: the page prop of a TablePagination is out of range

react router's location state becomes undefined on change of route

Using webpack to load CSS files from node modules

react-number-format: Setting Default Value

You cannot render a <Router> inside another <Router>. You should never have more than one in your app