Basis Reanimated v2

gistfile1.js

import React, {PropTypes, Component, useImperativeHandle, useRef, forwardRef} from 'react';
import Animated, {useSharedValue, useAnimatedStyle, withTiming, withSpring} from 'react-native-reanimated';

function Box(props, ref) {

    const aRef = useRef();

    useImperativeHandle(ref, function () {
        return {
            moveBox: function (globalY) {
                translateY_R.value = withSpring(globalY)
            }
        };
    });
    // const global_y = props['global-y']
    const style = props['style']
    const height = props['height']

    const translateY_R = useSharedValue(0.5);

    const animatedStyles = useAnimatedStyle(function () {
        return {
            transform: [{translateY: translateY_R.value * height}],
        };
    });

    console.log("RENDER BOX")
    return <Animated.View ref={aRef}
                          style={[style, animatedStyles]}/>
}


exports.Box = forwardRef(Box);