create-expo-cljs-app/template/node_modules/react-native-screens/lib/module/native-stack/utils/useBackPressSubscription.js

Create a react native application with Expo and Shadow-CLJS!

import React from 'react';
import { BackHandler } from 'react-native';

/**
 * This hook is an abstraction for keeping back press subscription
 * logic in one place.
 */
export function useBackPressSubscription({
  onBackPress,
  isDisabled
}) {
  const [isActive, setIsActive] = React.useState(false);
  const subscription = React.useRef();
  const clearSubscription = React.useCallback((shouldSetActive = true) => {
    var _subscription$current;

    (_subscription$current = subscription.current) === null || _subscription$current === void 0 ? void 0 : _subscription$current.remove();
    subscription.current = undefined;
    if (shouldSetActive) setIsActive(false);
  }, []);
  const createSubscription = React.useCallback(() => {
    if (!isDisabled) {
      var _subscription$current2;

      (_subscription$current2 = subscription.current) === null || _subscription$current2 === void 0 ? void 0 : _subscription$current2.remove();
      subscription.current = BackHandler.addEventListener('hardwareBackPress', onBackPress);
      setIsActive(true);
    }
  }, [isDisabled, onBackPress]);
  const handleAttached = React.useCallback(() => {
    if (isActive) {
      createSubscription();
    }
  }, [createSubscription, isActive]);
  const handleDetached = React.useCallback(() => {
    clearSubscription(false);
  }, [clearSubscription]);
  React.useEffect(() => {
    if (isDisabled) {
      clearSubscription();
    }
  }, [isDisabled, clearSubscription]);
  return {
    handleAttached,
    handleDetached,
    createSubscription,
    clearSubscription
  };
}
//# sourceMappingURL=useBackPressSubscription.js.map