react-native-screens
Version:
Native navigation primitives for your React Native app.
47 lines • 1.46 kB
JavaScript
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(_ref) {
let {
onBackPress,
isDisabled
} = _ref;
const [isActive, setIsActive] = React.useState(false);
const subscription = React.useRef();
const clearSubscription = React.useCallback(function () {
let shouldSetActive = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
subscription.current?.remove();
subscription.current = undefined;
if (shouldSetActive) setIsActive(false);
}, []);
const createSubscription = React.useCallback(() => {
if (!isDisabled) {
subscription.current?.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