A React component that prevents the screen from sleeping when rendered.
GitHub
npm
expo-keep-awake
provides a React hook that prevents the screen from sleeping and a pair of functions to enable this behavior imperatively.
-
npx expo install expo-keep-awake
If you are installing this in an existing React Native app, start by installing expo
in your project. Then, follow the additional instructions as mentioned by the library's README under "Installation in bare React Native projects" section.
import { useKeepAwake } from 'expo-keep-awake';
import React from 'react';
import { Text, View } from 'react-native';
export default function KeepAwakeExample() {
useKeepAwake();
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
<Text>This screen will never sleep!</Text>
</View>
);
}
import { activateKeepAwake, deactivateKeepAwake } from 'expo-keep-awake';
import React from 'react';
import { Button, View } from 'react-native';
export default class KeepAwakeExample extends React.Component {
render() {
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
<Button onPress={this._activate} title="Activate" />
<Button onPress={this._deactivate} title="Deactivate" />
</View>
);
}
_activate = () => {
activateKeepAwake();
alert('Activated!');
};
_deactivate = () => {
deactivateKeepAwake();
alert('Deactivated!');
};
}
import KeepAwake from 'expo-keep-awake';
KeepAwake.ExpoKeepAwakeTag
Type: 'ExpoKeepAwakeDefaultTag'
Default tag, used when no tag has been specified in keep awake method calls.
useKeepAwake(tag, options)
Parameter | Type | Description |
---|---|---|
tag (optional) | string | Tag to lock screen sleep prevention. If not provided, an ID unique to the owner component is used. |
options (optional) | KeepAwakeOptions | Additional options for the keep awake hook. |
A React hook to keep the screen awake for as long as the owner component is mounted.
The optionally provided tag
argument is used when activating and deactivating the keep-awake
feature. If unspecified, an ID unique to the owner component is used. See the documentation for
activateKeepAwakeAsync
below to learn more about the tag
argument.
void
Deprecated use
activateKeepAwakeAsync
instead.
KeepAwake.activateKeepAwake(tag)
Parameter | Type | Description |
---|---|---|
tag (optional) | string | Tag to lock screen sleep prevention. If not provided, the default tag is used. Default: ExpoKeepAwakeTag |
Prevents the screen from sleeping until deactivateKeepAwake
is called with the same tag
value.
If the tag
argument is specified, the screen will not sleep until you call deactivateKeepAwake
with the same tag
argument. When using multiple tags
for activation you'll have to deactivate
each one in order to re-enable screen sleep. If tag is unspecified, the default tag
is used.
Web support is limited.
Promise<void>
KeepAwake.activateKeepAwakeAsync(tag)
Parameter | Type | Description |
---|---|---|
tag (optional) | string | Tag to lock screen sleep prevention. If not provided, the default tag is used. Default: ExpoKeepAwakeTag |
Prevents the screen from sleeping until deactivateKeepAwake
is called with the same tag
value.
If the tag
argument is specified, the screen will not sleep until you call deactivateKeepAwake
with the same tag
argument. When using multiple tags
for activation you'll have to deactivate
each one in order to re-enable screen sleep. If tag is unspecified, the default tag
is used.
Web support is limited.
Promise<void>
KeepAwake.deactivateKeepAwake(tag)
Parameter | Type | Description |
---|---|---|
tag (optional) | string | Tag to release the lock on screen sleep prevention. If not provided, the default tag is used. Default: ExpoKeepAwakeTag |
Releases the lock on screen-sleep prevention associated with the given tag
value. If tag
is unspecified, it defaults to the same default tag that activateKeepAwake
uses.
Promise<void>
KeepAwake.isAvailableAsync()
Promise<boolean>
true
on all platforms except unsupported web browsers.
KeepAwake.addListener(tagOrListener, listener)
Parameter | Type |
---|---|
tagOrListener | string | KeepAwakeListener |
listener (optional) | KeepAwakeListener |
Observe changes to the keep awake timer. On web, this changes when navigating away from the active window/tab. No-op on native.
Example
KeepAwake.addListener(({ state }) => {
// ...
});
KeepAwakeEvent
Name | Type | Description |
---|---|---|
state | KeepAwakeEventState | Keep awake state. |
KeepAwakeOptions
Name | Type | Description |
---|---|---|
listener (optional) | KeepAwakeListener | Only for: Web A callback that is invoked when the keep-awake state changes. |
suppressDeactivateWarnings (optional) | boolean | The call will throw an unhandled promise rejection on Android when the original Activity is dead or deactivated.
Set the value to |
KeepAwakeEventState
KeepAwakeEventState Values
RELEASE
KeepAwakeEventState.RELEASE = "release"