rnmapbox/maps

[Bug]: Disabling rotation in gestureSettings doesn't work on iOS

Closed this issue · 3 comments

Mapbox Implementation

Mapbox

Mapbox Version

10.19.0

React Native Version

0.76.0

Platform

iOS

@rnmapbox/maps version

10.1.33

Standalone component to reproduce

import React, { useEffect } from 'react';
import Mapbox from '@rnmapbox/maps';

const ShowMap = () => {
  useEffect(() => {
    Mapbox.locationManager.start();

    return (): void => {
      Mapbox.locationManager.stop();
    };
  }, []);

  return (
    <>
      <Mapbox.MapView
        styleURL="mapbox://styles/mapbox/satellite-v9"
        style={{
          flex: 1,
        }}
        testID={'show-map'}
        gestureSettings={{
          rotateEnabled: false,
          simultaneousRotateAndPinchZoomEnabled: false,
          rotateDecelerationEnabled: false,
        }}
      >
        <Mapbox.Camera followZoomLevel={12} followUserLocation />

        <Mapbox.UserLocation />
      </Mapbox.MapView>
    </>
  );
};

export default ShowMap;

Observed behavior and steps to reproduce

Simulator.Screen.Recording.-.iPhone.SE.3rd.generation.-.2024-11-02.at.16.34.29.mp4

Expected behavior

When rotateEnabled in gestureSettings is set to false, the user can't rotate the map.

Notes / preliminary analysis

No response

Additional links and references

No response

Lint failed 😭

Please fix the errors in your code example - More info.:

error: Parsing error: Unexpected token ) at example.jsx:9:13:
   7 |     Mapbox.locationManager.start();
   8 | 
>  9 |     return (): void => {
     |             ^
  10 |       Mapbox.locationManager.stop();
  11 |     };
  12 |   }, []);


1 error found.```

I'm also experiencing this issue. Is there another way to stop the use from rotating the map?

I also tried the following on MapView:
rotateEnabled={false}
pitchEnabled={false}

But they also didn't work.

RyanTG commented

This should be fixed in v10.1.35 released today on npm.