[Bug]: Disabling rotation in gestureSettings doesn't work on iOS
Closed this issue · 3 comments
Elter71 commented
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
github-actions commented
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.```
whoiscarlo commented
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.