Skip to content

rgommezz/reanimated-collapsible-navbar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

reanimated-collapsible-navbar

Small demo to show how to implement a collapsible navigation bar in React Native, with all the animations running on the UI thread and without the JS thread having to intervene. The GIF below showcases how the JS thread is intentionally frozen and still the snapping animation gets executed after the gesture release.

Expo

The application is available in Expo ready to play with: https://expo.io/@rgommezz/reanimated-collapsible-navbar

Running the app locally

You need to have expo-cli installed locally. After cloning the repo execute:

yarn install
expo start

Article explaining the code

https://medium.com/@rgommezz/reanimating-your-react-native-experience-d1377d51118a

collapsiblenavbar3

About

Declarative implementation of a collapsible navigation bar with snapping in React Native, with all animations running on the UI thread 🚀

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published