Overview

If you're working with React Native and need a reliable way to manage device orientation, the react-native-orientation-controller is an essential library to consider. This library allows you to easily obtain and control the current orientation of your device or application, making it a vital tool for developers looking to enhance user experience across different screen sizes and orientations. It is based on a previously existing library by Ken Wheeler, and the forked version continues to support innovative development in the React Native community.

Getting started with react-native-orientation-controller is straightforward, as it integrates seamlessly with existing React Native projects. By following a few simple installation steps, you can harness its powerful features that cater to orientation management effortlessly.

Features

Easy Installation: The library can be quickly installed via npm or RNPM, ensuring minimal setup time to get up and running.
Orientation Control: Use the rotate(orientation) method to change the device's orientation by specific angles (90°, 180°, 270°), giving you flexibility in design.
Current Orientation Retrieval: The getOrientation(callback) method returns the current orientation details, device model, and screen size, which is crucial for responsive design.
Orientation Change Listener: With addListener(callback), you can set up a listener that will trigger whenever the device’s orientation changes, allowing for real-time updates in your application.
Listener Management: Easily manage your listeners using removeListener(callback) to ensure efficient event handling and prevent memory leaks.
Compatibility: Works seamlessly across both Android platforms, making it suitable for a broad range of applications and devices.

Incorporating react-native-orientation-controller into your project can significantly enhance the user experience by allowing for dynamic and responsive interface changes in alignment with device orientation.

Inprogress Team

React Native Mantra Boilerplate

React Native Meteor

React Native Orientation Controller