From d4deb6b8ed342133b7ae447f45cdaf83a337b7c4 Mon Sep 17 00:00:00 2001
From: Skyweb331 <skyweb331@gmail.com>
Date: Tue, 18 Jun 2024 04:40:44 -0400
Subject: [PATCH] disable back button behavior for android on onboarding

---
 src/pages/OnboardingPurpose/index.native.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/pages/OnboardingPurpose/index.native.tsx b/src/pages/OnboardingPurpose/index.native.tsx
index c13245038629..02f8cf84a80f 100644
--- a/src/pages/OnboardingPurpose/index.native.tsx
+++ b/src/pages/OnboardingPurpose/index.native.tsx
@@ -1,8 +1,22 @@
-import React from 'react';
+import {useFocusEffect} from '@react-navigation/native';
+import React, {useCallback} from 'react';
+import {BackHandler} from 'react-native';
 import BaseOnboardingPurpose from './BaseOnboardingPurpose';
 import type {OnboardingPurposeProps} from './types';
 
 function OnboardingPurpose({...rest}: OnboardingPurposeProps) {
+    // To block android native back button behavior
+    useFocusEffect(
+        useCallback(() => {
+            // Return true to indicate that the back button press is handled here
+            const backAction = () => true;
+
+            const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);
+
+            return () => backHandler.remove();
+        }, []),
+    );
+
     return (
         <BaseOnboardingPurpose
             shouldUseNativeStyles