react-native-keyboard-controller
Version:
Keyboard manager which works in identical way on both iOS and Android
76 lines (74 loc) • 2.94 kB
JavaScript
import { useRef } from "react";
import { Animated } from "react-native";
import { registerEventHandler, unregisterEventHandler } from "./event-handler";
import { findNodeHandle } from "./utils/findNodeHandle";
/**
* An internal hook that helps to register workletized event handlers.
*
* @param map - Map of event handlers and their names.
* @param viewTagRef - Ref to the view that produces events.
* @returns A function that registers supplied event handlers.
* @example
* ```ts
* const setKeyboardHandlers = useEventHandlerRegistration<KeyboardHandler>(
* keyboardEventsMap,
* viewTagRef,
* );
* ```
*/
export function useEventHandlerRegistration(map, viewTagRef) {
const onRegisterHandler = handler => {
const ids = [];
const attachWorkletHandlers = () => {
const viewTag = findNodeHandle(viewTagRef.current);
if (__DEV__ && !viewTag) {
console.warn("Can not attach worklet handlers for `react-native-keyboard-controller` because view tag can not be resolved. Be sure that `KeyboardProvider` is fully mounted before registering handlers. If you think it is a bug in library, please open an issue.");
}
ids.push(...Object.keys(handler).map(handlerName => {
const eventName = map.get(handlerName);
const functionToCall = handler[handlerName];
if (eventName && viewTag) {
return registerEventHandler(event => {
"worklet";
functionToCall === null || functionToCall === void 0 || functionToCall(event);
}, eventName, viewTag);
}
return null;
}));
};
if (viewTagRef.current) {
attachWorkletHandlers();
} else {
// view may not be mounted yet - defer registration until call-stack becomes empty
queueMicrotask(attachWorkletHandlers);
}
return () => {
ids.forEach(id => id ? unregisterEventHandler(id) : null);
};
};
return onRegisterHandler;
}
/**
* TS variant of `useAnimatedValue` hook which is added in RN 0.71
* A better alternative of storing animated values in refs, since
* it doesn't recreate a new `Animated.Value` object on every re-render
* and therefore consumes less memory. We can not use a variant from
* RN, since this library supports earlier versions of RN.
*
* @param initialValue - Initial value of the animated value (numeric).
* @param config - Additional {@link Animated.AnimatedConfig|configuration} for the animated value.
* @returns Properly memoized {@link Animated.Value|Animated} value.
* @see https://github.com/facebook/react-native/commit/e22217fe8b9455e32695f88ca835e11442b0a937
* @example
* ```ts
* const progress = useAnimatedValue(0);
* ```
*/
export function useAnimatedValue(initialValue, config) {
const ref = useRef(null);
if (ref.current === null) {
ref.current = new Animated.Value(initialValue, config);
}
return ref.current;
}
//# sourceMappingURL=internal.js.map