49 lines
1.7 KiB
JavaScript
49 lines
1.7 KiB
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 () {
|
||
|
var _subscription$current;
|
||
|
let shouldSetActive = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
||
|
(_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
|