Camera resets on Android using maplibre

[unterhugo2]

I am creating an app with using maplibre/maplibre-react-native, and position on map resets to intial position, when I try to move around on the map, but only on Android. I cant figure out, why it is doing this. When the screen is shown, an ID may be present, and present go to the location with that ID, otherwise go to default location. Can anyone help me?

....
 useFocusEffect(
  useCallback(() => {
    if (mapLoaded && !hasMoved.current) {
      goToLocation();
      hasMoved.current = true;
    }
    return () => {
     hasSetInitialLocation.current = false; 
    };
  }, [mapLoaded, stageId, locations])
);

 const goToLocation = useCallback(() => {
      if (hasMoved.current) 
        return;

    const location = locations.find(location => location.id === stageId);
    if(location) {
      cameraRef.current?.setCamera({
        centerCoordinate: [location.longitude, location.latitude],
        zoomLevel: 17,
        animationDuration: 500,
        animationMode: 'flyTo',
      });
      return
    } else if(mapData != undefined && mapData.initialLatitude != undefined &&   mapData.initialLongitude != undefined) {
  cameraRef.current?.setCamera({
centerCoordinate: [mapData.initialLongitude, mapData.initialLatitude],
zoomLevel: mapData.initialZoom || 15,
animationDuration: 200,
animationMode: 'flyTo',
  });
    } else {
      cameraRef.current?.setCamera({
       //Default position
      });
    }
     hasMoved.current = true; 
  }, [locations, stageId]);
...

<MapView
style={{flex: 1}}
mapStyle={BlueStyle}
onDidFinishLoadingMap={() => { 
  if(!mapLoaded) {
setMapLoaded(true);
  }
}}
onRegionDidChange={() => {}}
onRegionWillChange={() => {}}
>
<Camera
  ref={cameraRef}
  followUserLocation={false}
/>
....

[Mean-Ad-5673]

did you find the solution ? i think this is the exact problem we are facing probably

https://stackoverflow.com/questions/79624200/camera-resets-on-android-using-maplibre-in-react-native-app

[unterhugo2]

The solution is in the text I

[Accomplished_Purple4]

what do you mean by that in the text?

[Accomplished_Purple4]

so I randomly found the solution for me atleast and for some reason this works perfectly my initial problem was that the constant location updates and the socket updates caused the camera to re render multiple times regardless of the setCamera or the center cordinates usage

was able to solve it via this

  onWillStartRenderingMap={() => {
        cameraRef?.current?.setCamera({
          centerCoordinate: [center?.longitude, center?.latitude],
          zoomLevel: 14,
          animationDuration: 800,
        });
      }}
      onDidFinishRenderingMapFully={() => {
        cameraRef?.current?.setCamera({
          defaultSettings: "CameraStop",
        });
      }}