Parallax Examples :

Examples of ParallaxView and ParallaxScrollEfect are in the repo. You can find the necessary titles and outputs in the continuation of the Readme file.

Parallax View

Parallax a technique used in computer graphics and web design in which background images move faster than foreground images, creating the illusion of depth in a 2D scene and increasing immersion.

You can see the sample output below and access the necessary codes.

In this example, wherever you turn your device, a parallax effect will occur in the opposite direction.

Output :

ParallaxView.mov

Parallax Scroll Efect

If you want to create an effect that works as you scroll in your application, you can use the parallax effect. Our first goal here is to enable scrolling.

Example code :

Column(
    modifier = Modifier
   .verticalScroll(scrollState)
   .fillMaxSize()
) { }

You can see the sample output below and access the necessary codes.

Output :

ParallaxScrollEfect.mov