React Native Orientation Change Provider

Simple React Native Provider component that forces a re-render when orientation changes.

Installation

npm install react-native-orientation-change-provider --save-dev

or

yarn add react-native-orientation-change-provider --dev

Usage

Import OrientationChangeProvider and wrap your whole app with the provider:

import { OrientationChangeProvider } from "react-native-orientation-change-provider";
 
...
 
<OrientationChangeProvider>
  <App />
</OrientationChangeProvider>;

Notice that using OrientationChangeProvider will force your app to re-render when the orientation changes. It causes all this.state from child components to reset. You can work around that by using a global state, for example Redux.