Permalink
Fetching contributors…
Cannot retrieve contributors at this time
57 lines (35 sloc) 1.02 KB

<OrientationSensor>

Tracks screen orientation using orientationchange event.

Usage

import {OrientationSensor} from 'libreact/lib/OrientationSensor';

<OrientationSensor>(state) =>
  <pre>{JSON.stringify(state, null, 4)}</pre>
</OrientationSensor>

Props

None.

State

Has signature

interface IOrientationSensorState {
  angle: number;
  type: string;
}

, where

  • angle - screen rotation angle in degrees.
  • type - is one of portrait-primary, portrait-secondary, landscape-primary, or landscape-secondary.

withOrientation() HOC

HOC that merges orientation prop into enhanced component's props.

import {withOrientation} from 'libreact/lib/OrientationSensor';

@withOrientation decorator

React stateful component decorator that adds orientation prop.

import {withOrientation} from 'libreact/lib/OrientationSensor';

@withOrientation
class MyComp extends Component {

}