Basically the "Parallax" is one of the terms to define an animation on the web/mobile technologies which looks dynamic. As an example; you will find those kind of animations on Facebook and Twitter or even Linkedin while scrolling the header/title of your page down, header or the profile image gets bigger and when your release it goes back to the previous looking.
Here is an example;
ParallaxList is a mobile application that is using Javascript language and React Native framework technologies.
In this project the technologies down below were used to create this app;
In programming;
- React Native
- View
- Text
- FlatList
- Animated
- StyleSheet
- ImageBackground
- Dimensions
- Javascript
- JSX
- JSON
🔀 Note: The structure of the program is based on class components.
In programming tools;
- Visual Studio Code
- Android Studio
- Emulator
- Expo.io for IOS devices
- Git & GitHub
- Create components
- Link components in the App.js file
- Use the .json file given for fetching data
- Fetch the images and titles for a dynamically working app
- Style them as requested
- Apply the animation as wanted (Sliding the Headers down as scrolling down)
➡️ In our application, texts are moving as we scroll the screen to the opposite direction!
Made with ❤️