I was trying to use CompassReactNative in my RN app.

On iOS, it works beautifully. As I turn side to side, the values aren't Rubberbanding like I see with ReactNativeSensorFusion on Android (I couldn't get its compass to work sensibly with iOS). And if I tilt the iOS device up and down, the compass reading only moves a little, as I expect.

However, if I tilt the Android device up and down, the value flips if I tilt it past the horizon, as if I turned around ~180°

Expo says the SDK for your snack is out of date.

Compass resets its position everytime it reaches the end values .

Video for reference :-

https://drive.google.com/file/d/1YjltGc-m33YKbrkrRwNvwYsbYuk2a5Nk/view

Your project is working fine but when I used the same code in a new code compass doesn't work. It gives this warning "Possible Unhandled Promise Rejection(id: 0): TypeError: undefined is not a constructor (evaluating 'new _reactNativeSensors.Mangetometer({ updateInterval: 100})')"

Thank you for the compass I was looking for the same. But on the real device, it is getting fluctuated and the values also are unstable. Please help me out. Also tried Low Pass Filter as per the stack solution https://stackoverflow.com/questions/57308560/smooth-orientation-compass-using-react-native-sensorss-magnetometer.

The following added screen is of stable device.