Numerous Pancakes Munched

    @chrscheuer/react-native-keep-awake

    1.0.4 • Public • Published

    This React Native package allows you to prevent the screen from going to sleep while your app is active. It's useful for things like navigation or video playback, where the user expects the app to remain visible over long periods without touch interaction.

    Installation

    As the first step, install this module:

    React Native 0.60+

    yarn add @christianscheuer/react-native-keep-awake

    Usage

    example: hooks

    import { useKeepAwake } from '@christianscheuer/react-native-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>
      );
    }

    example: components

    import KeepAwake from '@christianscheuer/react-native-keep-awake';
    import React from 'react';
    import { Text, View } from 'react-native';
    
    export default function KeepAwakeExample {
      return (
        <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
          <KeepAwake />
          <Text>This screen will never sleep!</Text>
        </View>
      );
    }

    example: functions

    import { activateKeepAwake, deactivateKeepAwake} from "@christianscheuer/react-native-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}>Activate</Button>
            <Button onPress={this._deactivate}>Deactivate</Button>
          </View>
        );
      }
    
      _activate = () => {
        activateKeepAwake();
      };
    
      _deactivate = () => {
        deactivateKeepAwake();
      };
    }

    Install

    npm i @chrscheuer/react-native-keep-awake

    DownloadsWeekly Downloads

    2

    Version

    1.0.4

    License

    MIT

    Unpacked Size

    25.5 kB

    Total Files

    16

    Last publish

    Collaborators

    • chrscheuer