Expo

Documentation

Hi friend! Meet us at App.js Conf in Krakow, Poland on April 4th and 5th with workshops and talks. Learn more

KeepAwake

A React component that prevents the screen sleeping when rendered. It also exposes static methods to control the behavior imperatively.

Installation

This API is pre-installed in managed apps. To use it in a bare React Native app, follow its installation instructions.

Usage

// in managed apps:
import { KeepAwake } from 'expo';

// in bare apps:
import KeepAwake from 'expo-keep-awake';

Example: component

import React from 'react';
import { Text, View } from 'react-native';
import { KeepAwake } from 'expo';

export default class KeepAwakeExample extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <KeepAwake />
        <Text>This screen will never sleep!</Text>
      </View>
    );
  }
}

Example: static methods

import React from 'react';
import { Button, View } from 'react-native';
import { KeepAwake } from 'expo';

export default class KeepAwakeExample extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Button onPress={this._activate}>Activate</Button>
        <Button onPress={this._deactivate}>Deactivate</Button>
      </View>
    );
  }

  _activate = () => {
    KeepAwake.activate();
  }

  _deactivate = () => {
    KeepAwake.deactivate();
  }
}