What are orientation events in React Native?

What are orientation events in React Native?

Orientation events in React Native are notifications that inform your app about changes in the device's orientation, such as switching from portrait to landscape.

How can I listen for these orientation changes?

You can use the Dimensions API to listen for orientation changes. You can add an event listener to Dimensions that triggers a callback when the orientation changes.

Can you show me a code example?

Sure! Here's a simple example:

import { Dimensions } from 'react-native';

const handleOrientationChange = () => {
  const { width, height } = Dimensions.get('window');
  console.log('Width:', width, 'Height:', height);
};

Dimensions.addEventListener('change', handleOrientationChange);

What should I do to clean up the listener?

You should remove the event listener when the component unmounts to prevent memory leaks. You can do this in the useEffect cleanup function.