/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 vote170 views1 answer
Discuss climate changes during the Tertiary and Quaternary Periods, and the effects of these changes on geology and vegetation.
TypeScript
6 votes125 views1 answer
File C:\Users\SHUBHAM KUNWAR\AppData\Roaming\npm\nodemon.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
6 votes119 views1 answer
TS define dictionary
TypeScript
3 votes79 views1 answer
Typescript loop through string
TypeScript
0 vote128 views1 answer
Increment all elements list python
TypeScript
0 vote129 views1 answer
Using es6 set in typescript
TypeScript
0 vote134 views1 answer
Empty string in typescript
TypeScript
1 vote122 views1 answer
Handling ajax requests in django
TypeScript
0 vote84 views1 answer
Allow specific string in type
TypeScript
0 vote119 views1 answer
Go Array’s length is part of its type.
TypeScript