DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 968,547 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
skptricks
skptricks

Posted on

React Native ScrollView Animated Header Example

Source : React Native ScrollView Animated Header Example

This tutorial explains how to create animation header in scrollview in react native application. You have noticed in many apps that a fixed height header is positioned on the top of the screen and a scrolling list is used underneath the header. When you start to scroll the list, the header collapses with nice smooth animation from current height to fixed min height based on scrolling list’s scroll value and sticks on the top of the screen. Here you are going to see to similar animation effect in react native application.

Click here to read more...

Top comments (0)

Classic DEV Post from 2020:

js visualized

πŸš€βš™οΈ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! πŸ₯³

Happy coding!