Map flickers on Drawer on off

[shaliniele6263]

Summary

Hi so i have upgraded to new arch (0.77.3) react native. Now, after that whenever i open my drawer the screen behind has a MapView which flickers for once.
This doesnot happen in newArchEnabled = false.

Reproducible sample code

return <MapView></MapView>


and create a drawer navigator wrapping the stack navigator

    <Drawer.Navigator
            screenOptions={{
            }}
            drawerContent={props => drawerContent(props)}>
            <Drawer.Screen name="MainStack" component={MainStack} />
        </Drawer.Navigator>

Steps to reproduce

return

and create a drawer navigator wrapping the stack navigator

<Drawer.Navigator
        screenOptions={{
        }}
        drawerContent={props => drawerContent(props)}>
        <Drawer.Screen name="MainStack" component={MainStack} />
    </Drawer.Navigator>

Inside this MainStack, there is this screen in which the Map lies.

So, when i open and close the drawer the flicker happens.

Expected result

It shouldn't flicker and run smooth.

Actual result

It flashes as soon as the drawer is opened.

Findings:

These are the logs I found using adb logcat

11-18 16:27:06.843 17222 17361 W m140.few: Destroying egl surface
11-18 16:27:06.849 17222 17361 D EGL_emulation: eglMakeCurrent: 0x783147ccc0: ver 3 0 (tinfo 0x7823819c80)
11-18 16:27:07.468 17222 17280 I ReactNativeJS: Drawer Opened
11-18 16:27:07.538 17222 17361 W m140.few: Destroying egl surface
11-18 16:27:07.543 17222 17361 D EGL_emulation: eglMakeCurrent: 0x783147ccc0: ver 3 0 (tinfo 0x7823819c80)
11-18 16:27:07.606 17222 17222 W unknown:WrappingUtils: Don't know how to round that drawable: com.facebook.react.views.image.ReactImageDownloadListener$EmptyDrawable@e80be57

React Native Maps Version

1.15.3

What platforms are you seeing the problem on?

Android

React Native Version

0.77.3

What version of Expo are you using?

Not using Expo

Device(s)

Emulator API 28

Additional information

No response