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.
The application is available in Expo ready to play with: https://expo.io/@rgommezz/reanimated-collapsible-navbar
You need to have expo-cli
installed locally. After cloning the repo execute:
yarn install
expo start
https://medium.com/@rgommezz/reanimating-your-react-native-experience-d1377d51118a