Overlay does not completely cover some screens

[johnjago]

I ran into a strange issue where the "squares" that make up the overlay have a tiny gap between them, but only on a Samsung Galaxy S20+ running Android 10. It works fine on a Nexus 5X and iPhone.

I was running the app in development mode through Expo.

In the screenshot below, you can see the line across the top of the barcode area.

[shahnawaz]

Hi @johnjago ,

This is a rare issue, can you debug on your device and send a fix?

[johnjago]

The problem went away after turning off the header in React Navigation (@react-navigation/stack: 5.2.11) with this option. I won't be able to debug it @shahnawaz since it's not my device, so I'm just leaving the note about React Navigation in case someone wants to debug it.

[YadhuYk007]

I am getting the same issue here. I haven't tested it in many devices yet. currently I'm getting this issue on my Honor 9 Lite, on emulator its fine.

[xpcrts]

After set option headerShown to false, that line still exist

<Stack.Screen
name="MainScreen"
component={MainScreen}
options={{ headerShown: false }}
/>