react-native-reanimated/lib/reanimated2/NativeMethods.js

More powerful alternative to Animated library for React Native.

import { findNodeHandle } from 'react-native';
import { isChromeDebugger, isWeb, shouldBeUseWeb } from './PlatformChecker';
export function getTag(view) {
    return findNodeHandle(view);
}
const isNative = !shouldBeUseWeb();
export let measure;
if (isWeb()) {
    measure = (animatedRef) => {
        const element = animatedRef(); // TODO: fix typing of animated refs on web
        const viewportOffset = element.getBoundingClientRect();
        return {
            width: element.offsetWidth,
            height: element.offsetHeight,
            x: element.offsetLeft,
            y: element.offsetTop,
            pageX: viewportOffset.left,
            pageY: viewportOffset.top,
        };
    };
}
else if (isChromeDebugger()) {
    measure = (_animatedRef) => {
        console.warn('[Reanimated] measure() cannot be used with Chrome Debugger.');
        return null;
    };
}
else {
    measure = (animatedRef) => {
        'worklet';
        if (!_WORKLET) {
            console.warn('[Reanimated] measure() was called from the main JS context. Measure is ' +
                'only available in the UI runtime. This may also happen if measure() ' +
                'was called by a worklet in the useAnimatedStyle hook, because useAnimatedStyle ' +
                'calls the given worklet on the JS runtime during render. If you want to ' +
                'prevent this warning then wrap the call with `if (_WORKLET)`. Then it will ' +
                'only be called on the UI runtime after the render has been completed.');
            return null;
        }
        const viewTag = animatedRef();
        if (viewTag === -1) {
            console.warn(`[Reanimated] The view with tag ${viewTag} is not a valid argument for measure(). This may be because the view is not currently rendered, which may not be a bug (e.g. an off-screen FlatList item).`);
            return null;
        }
        const measured = _measure(viewTag);
        if (measured === null) {
            console.warn(`[Reanimated] The view with tag ${viewTag} has some undefined, not-yet-computed or meaningless value of \`LayoutMetrics\` type. This may be because the view is not currently rendered, which may not be a bug (e.g. an off-screen FlatList item).`);
            return null;
        }
        else if (measured.x === -1234567) {
            console.warn(`[Reanimated] The view with tag ${viewTag} returned an invalid measurement response.`);
            return null;
        }
        else if (isNaN(measured.x)) {
            console.warn(`[Reanimated] The view with tag ${viewTag} gets view-flattened on Android. To disable view-flattening, set \`collapsable={false}\` on this component.`);
            return null;
        }
        else {
            return measured;
        }
    };
}
export let scrollTo;
if (isWeb()) {
    scrollTo = (animatedRef, x, y, animated) => {
        'worklet';
        const element = animatedRef();
        // @ts-ignore same call as in react-native-web
        element.scrollTo({ x, y, animated });
    };
}
else if (isNative) {
    scrollTo = (animatedRef, x, y, animated) => {
        'worklet';
        if (!_WORKLET) {
            return;
        }
        const viewTag = animatedRef();
        _scrollTo(viewTag, x, y, animated);
    };
}
else {
    scrollTo = (_animatedRef, _x, _y) => {
        // no-op
    };
}
export function setGestureState(handlerTag, newState) {
    'worklet';
    if (!_WORKLET || !isNative) {
        console.warn('[Reanimated] You can not use setGestureState in non-worklet function.');
        return;
    }
    _setGestureState(handlerTag, newState);
}