/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

0 vote111 views1 answer
How to get pastebin contents c#
TypeScript
4 votes124 views3 answers
Flutter unfocus textfield
TypeScript
2 votes120 views1 answer
Eslint prettier typescript
TypeScript
1 vote125 views1 answer
Ionic copy to clipboard
TypeScript
-1 vote107 views1 answer
Python search all txts in a folder
TypeScript
1 vote112 views1 answer
Adonis validator exists
TypeScript
2 votes133 views1 answer
Google Sheets How to Count business Days Between Two Dates
TypeScript
38 votes160 views2 answers
\Activate.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170
TypeScript
56 votes307 views4 answers
How to see all the environments in Conda
TypeScript
0 vote126 views1 answer
Nativescript routerextensions navigate
TypeScript