react-native-disable-android-back/index.js

A custom hook that disables the Android back button in React Native when a screen is focused

import React from "react";
import { BackHandler } from "react-native";
import { useFocusEffect } from "@react-navigation/native";

const useDisableAndroidBackButton = () => {
  useFocusEffect(
    React.useCallback(() => {
      const subscription = BackHandler.addEventListener(
        "hardwareBackPress",
        () => {
          return true;
        }
      );
      return () => {
        subscription.remove();
      };
    }, [])
  );
};

export default useDisableAndroidBackButton;