[Bug]: Map flickers on certain devices

[Salmankhan033]

Mapbox Version

11.15.0

React Native Version

0.81.5

Platform

Android

@rnmapbox/maps version

10.3.1

  MapboxGL = require('@rnmapbox/maps').default;
 <MapboxGL.MapView
        ref={mapRef}
        style={{
          flex: 1,
        }}
        styleURL={mapStyle}
        zoomEnabled={zoomEnabled}
        scrollEnabled={scrollEnabled}
        rotateEnabled={rotateEnabled}
        pitchEnabled={pitchEnabled}
        compassEnabled={false}
        scaleBarEnabled={showScale}
        onDidFinishLoadingMap={handleMapLoaded}
        onMapLoadingError={handleMapErrorEvent}
        onPress={handleMapPressEvent}
        onMapIdle={handleRegionChangeCompleteEvent}
        onCameraChanged={handleCameraChanged}
        logoEnabled={false}
        attributionEnabled={false}
        testID={`${testID}-mapview`}
      >

  </MapboxGL.MapView>

Observed behavior and steps to reproduce

Android: Map flickers while zooming on some devices

Description

I'm experiencing a map flickering issue on some Android devices when zooming in or out. The problem only occurs during zoom gestures and makes the map rendering unstable.

I found a similar issue in the native Android Mapbox SDK:
mapbox/mapbox-maps-android#2479

That issue appears to be fixed for the native Android SDK, but I'm still seeing the same behavior when using React Native.

Expected Behavior

The map should render smoothly without any flickering while zooming.

Actual Behavior

On some Android devices, the map flickers continuously when the user zooms in or out.

Question

Has anyone experienced this issue with React Native? Is there a known workaround or fix, or does the React Native wrapper still require the native Android fix to be integrated?

Expected behavior

No response

Notes / preliminary analysis

No response

Additional links and references

No response

[github-actions]

No code example found in issue body - More info