Skip to main content
Version: 2.x


This hook provides extended functionality of a standard ref. You can assign it to some component like <View ref={ animatedRef } /> and then access the target component via animatedRef.current. Besides, on the UI thread animated reference also contains the view tag of the target. It can be accessed like this: const viewTag = animatedRef(). This comes handy when using native methods like scrollTo and measure.


const Comp = () => {
const aref = useAnimatedRef();

useDerivedValue(() => {
const viewTag = aref();
// ...

const componentRef = aref.current;
// ...

return <View ref={aref} />;