Simple React Native Provider component that forces a re-render when orientation changes.
npm install react-native-orientation-change-provider --save-dev
or
yarn add react-native-orientation-change-provider --dev
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.