React-native-interactable: How to call snapTo if I use functional component?

[intmainreturn00]

Sample here shows how to use snapTo from a class-based component for starting the animation by a button click.

Since Hook's, it's more tempting to use functional components with state, but in functional components, we can't use refs for obtaining instance. Is there any other way to use snapTo for Interactable.View inside functional component? If so, could you please provide some sample?

Thanks in advance and thanks for a great work!

[manuel-grondona]

You could useRef, something like this worked for me:

const interactableRef = useRef(null)

handlePress = () => {
interactableRef.current.snapTo({ x: 0 })
}

<Interactable.View
    ref={interactableRef}
   .......
>
.........
</Interactable.View>

[ShivamJoker]

You can also use
containerRef.current.snapTo({index: 1});