UNPKG

react-native-keyboard-controller

Version:

Keyboard manager which works in identical way on both iOS and Android

76 lines (74 loc) 2.94 kB
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