No description, website, or topics provided.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
index.js
package.json

README.md

React Native Device Monitor

Monitor device state in a react-native app without boilerplate.
npm install --save react-native-device-monitor

Basic Usage

render() {
  return (
    <DeviceMonitor
      onAppState={this.setAppState}
      onKeyboard={this.setKeyboardStatus}
      onNetInfo={this.setNetInfo}
      onConnectivityChange={this.setConnectivity}
      onViewport={this.setViewport}
      >
      <RestOfTheApp />
    </DeviceMonitor>
  )
}

API

onAppState function (appState)

  • appState: enum('active', 'background', 'inactive')

onKeyboard function (status, layout)

  • status: bool
  • layout: {width, height}

onNetInfo function (reach)

  • reach: enum('none', 'wifi', 'cell', 'unknown')

onConnectivityChange function (status)

  • status: bool

onViewport function (viewport)

  • viewport: {width, height}

Exact response shape may depend on your version of react-native. Return values are unmodified, as such it can be helpful to reference the official docs.