How can I use the React Native Orientation Library?

How can I use the React Native Orientation Library?

You can use the React Native Orientation Library to manage the orientation of your app. First, install it using npm or yarn.

What are some examples of how to implement it?

Here are a few examples: 1. Detecting orientation changes, 2. Locking the orientation, 3. Responding to orientation changes in your UI.

Can you show me a code snippet for detecting orientation?

Sure! Here's a simple example:

import { useEffect } from 'react';
import Orientation from 'react-native-orientation-locker';

const App = () => {
  useEffect(() => {
    const handleOrientationChange = (orientation) => {
      console.log('Orientation changed to: ', orientation);
    };
    Orientation.addDeviceOrientationListener(handleOrientationChange);

    return () => {
      Orientation.removeDeviceOrientationListener(handleOrientationChange);
    };
  }, []);

  return <View>{/* Your UI components */}</View>;
};

What if I want to lock the orientation?

You can lock the orientation using the Orientation.lock() method. For example, to lock it to portrait mode, use:

Orientation.lock(Orientation.LOCK.PORTRAIT);