React Native: Animate shrinking header with tabs

Question

Goal

Im trying to create a view with an animated shrinking header with a tabview that contains tabs with scrolling content. See Image.

Setup

I\'m us

Answer 1

I managed to implement this with Animated.diffClamp - you can check out the code here. I've written an article explaining the code more in detail here

*I'm using the native-base package for UI components (to simplify UI code), but the animation interpolations/definitions are the same with or without it.