camera.setCamera does not work on Android (but fine on iOS)

[palok]

Steps to Trigger Behavior

1. Trigger the camera.setCamera on a physical Android device

Link to Minimal Reproducible Example

No link but this is the relevant code:

  const flyToCenter = useCallback((lat: number, lng: number, zoomTo: number = 9) => {
      if (cameraRef.current) {
        cameraRef.current.setCamera({
          stops: [
            {
              centerCoordinate: [lng, lat],
              zoomLevel: zoomTo,
              heading: 0,
              animationMode: 'flyTo',
              animationDuration: 300,
            },
          ],
        });
      }

    },
    [],
  );

Expected Behavior

The map camera should pan and zoom to the setCamera config params.

Actual Behavior

On Android, neither panning or zooming happens.

Version(s) affected

• Platform: Android
• OS version: Android 11
• Device type: OnePlus Nord
• Emulator/ Simulator: no
• Development OS: MacOs Sonoma 14.3
• maplibre-react-native Version 10.0.0-alpha2
• MapLibre GL version [e.g. 6.3.0]
• React Native Version: 0.72.7

Additional context

Works as expected on iOS

[palok]

Found out if I change the code to a single stop, then it works for Android:

cameraRef.current.setCamera({
  centerCoordinate: [lng, lat],
  zoomLevel: zoomTo,
  heading: 0,
  animationMode: 'flyTo',
  animationDuration: 300,
});

[KiwiKilian]

Also there were quite some improvements with the latest v10 pre-releases. Please report if there are still problems.