Adds parallax effect to its children components. The children are translated depending on the scroll speed by default, but you can pass extrapolation options to limit the translation.



  • driver: Driver that is running the animation
  • children: Components that will be affected by the animation
  • extrapolation: Object, extrapolation options for parallax translation. By default, children will be translated by scrollVector * (scrollSpeed - 1) * driver.value where scrollVector is defined by scrolling direction
  • scrollSpeed: Number, how fast will the children be translated
  • insideScroll Bool, defines if the parallax placed is inside or outside of the ScrollView


JSX declaration

const driver = new ScrollDriver();

return (
      <Image />

The above code will create a scroll dependent parallax animation over Image component where Image will be scrolled 2 times faster than Title.