feat: double back to exit the app

src/hooks/use-double-exit.ts

@@ -0,0 +1,38 @@
+import { useNavigation } from '@react-navigation/native';
+import { useEffect, useRef } from 'react';
+import { BackHandler, ToastAndroid } from 'react-native';
+
+const useDoubleExit = () => {
+  const backCount = useRef(0);
+
+  const navigation = useNavigation();
+
+  useEffect(() => {
+    const backHandler = BackHandler.addEventListener(
+      'hardwareBackPress',
+      () => {
+        if (navigation.canGoBack()) return;
+
+        backCount.current += 1;
+
+        if (backCount.current === 1) {
+          ToastAndroid.show(
+            'Press back again to exit the app',
+            ToastAndroid.SHORT
+          );
+
+          setTimeout(() => {
+            backCount.current = 0;
+          }, 2000);
+        } else if (backCount.current === 2) {
+          BackHandler.exitApp();
+        }
+
+        return true;
+      }
+    );
+    return () => backHandler.remove();
+  }, [navigation]);
+};
+
+export default useDoubleExit;

src/screens/anime/screen.tsx

@@ -2,6 +2,7 @@ import { useNavigation } from '@react-navigation/native';
 import * as React from 'react';
 import { ScrollView } from 'react-native';
 
+import useDoubleExit from '@/hooks/use-double-exit';
 import useModuleLinking from '@/hooks/use-module-linking';
 import {
   Button,
@@ -21,6 +22,7 @@ import WatchedList from './components/watched-list';
 
 export const AnimeHomeScreen = () => {
   useModuleLinking();
+  useDoubleExit();
 
   const navigation = useNavigation();