react-norotation

Do not rotate your device, ok?

Install

$ npm install @m31271n/react-norotation

Usage

import React from 'react';
import NoRotation from '@m31271n/react-norotation';

class App extends React.Component {
  onPortrait = () => {};

  onLandscape = () => {};

  render() {
    return (
      <NoRotation
        desiredOrientation="portrait"
        adjustMethod="auto"
        onPortrait={this.onPortrait}
        onLandscape={this.onLandscape}
      >
        // children
      </NoRotation>
    );
  }
}

Available Props

| props | type | description | | -------------------- | -------- | ---------------------------------------------------------------------------------------------------------------------- | | desiredOrientation | String | Orientation you desired. Available value: "portrait" / "landscape". | | adjustMethod | String | Ajust method to use when current orientation is not equal to desiredORientation. Available value: "manual" / "auto". | | onPortrait | Function | Callback executed when current orienttation switchs to portrait. | | onLandscape | Function | Callback executed when current orienttation switchs to landscape. |

TODO

• fix broken test