SpoingyScrollView.tsx

import * as React from "react"
import {captureScroll, getSpoingyTransform} from "spoingyHelpers"
import {Animated} from "react-native"

const headerHeight = 300

export default () => {

  // use an instance variable if using component classes
  const scrollY = React.useRef(new Animated.Value(0)).current

  return <Animated.ScrollView {...captureScroll(scrollY)}>
    <Animated.Image
      source={myImageSource}
      style={{
        width: theme.dimensions.width,
        height: headerHeight,
        transform: getSpoingyTransform(scrollY, headerHeight),
      }}
    />
    <OtherContentHere />
  </Animated.ScrollView>
}