Negotiate Pushing Milestone

    @mohanrupa/react-native-keep-awake
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.3 • Public • Published

    README

    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. It supports types as well.

    Installation

    As the first step, install this module:

    React Native 0.60+

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

    Usage

    example: hooks

    import { useKeepAwake } from '@sayem314/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 '@sayem314/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 "@sayem314/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 @mohanrupa/react-native-keep-awake

    DownloadsWeekly Downloads

    2

    Version

    1.0.3

    License

    MIT

    Unpacked Size

    27 kB

    Total Files

    18

    Last publish

    Collaborators

    • mohanrupa