/TypeScript/React Native: Double back press to Exit App

React Native: Double back press to Exit App

import * as React from 'react';
import {useEffect, useState} from 'react';
import {Platform, BackHandler, ToastAndroid} from 'react-native';

export const ExecuteOnlyOnAndroid = (props) => {
  const {message} = props;
  const [exitApp, setExitApp] = useState(0);
  const backAction = () => {
    setTimeout(() => {
      setExitApp(0);
    }, 2000); // 2 seconds to tap second-time

    if (exitApp === 0) {
      setExitApp(exitApp + 1);

      ToastAndroid.show(message, ToastAndroid.SHORT);
    } else if (exitApp === 1) {
      BackHandler.exitApp();
    }
    return true;
  };
  useEffect(() => {
    const backHandler = BackHandler.addEventListener(
      'hardwareBackPress',
      backAction,
    );
    return () => backHandler.remove();
  });
  return <></>;
};

export default function DoubleTapToClose(props) {
  const {message = 'tap back again to exit the App'} = props;
  return Platform.OS !== 'ios' ? (
    <ExecuteOnlyOnAndroid message={message} />
  ) : (
    <></>
  );
}

Source: stackoverflow.com

Similar codes

2 votes178 views2 answers
Adding elements in a specified column or row in a two dimensional array java
TypeScript
0 vote192 views1 answer
Benefits of ginger juice
TypeScript
21 votes194 views4 answers
Can't bind to 'ngmodeloptions' since it isn't a known property of 'input'
TypeScript
0 vote230 views2 answers
Test reports in unit tests flutter
TypeScript
0 vote198 views1 answer
Swift collection view deselects item when scroll off screen
TypeScript
19 votes227 views4 answers
How to write lists to text file python
TypeScript
15 votes214 views2 answers
How to check if var exists python
TypeScript
1 vote177 views1 answer
Next js onclick navigate
TypeScript
1 vote165 views1 answer
Typescript assigning parameter is forbidden
TypeScript
0 vote182 views1 answer
Current and measurement physics formula
TypeScript