How can I scroll to an element?

[nandorojo]

I think a big missing feature in React Native is scrolling to a specific view.

In HTML, it works like this:

<a href="#scroll-to">Scroll down</a>

<a id="scroll-to">Scroll here!</a>

If you click the first link, it'll scroll down to the second a.

Now that Reanimated 2 has a synchronous scrollTo and measure function, I was wondering how these could be combined to scroll to an element.

Example pseudocode of how an API could work:

const scrollView = useAnimatedRef()
const targetView = useAnimatedRef()

const scrollToTarget = () => {
  const { scrollOffsetY } = measure(targetView, { relativeTo: scrollView }) // how do I get this?

  scrollTo(scrollView, 0, scrollOffsetY)
}