React native search bar animation with tab view and collapsing

Article describing the code: https://medium.com/@bogoslavskiy/implementation-complex-animation-in-react-native-by-example-search-bar-with-tab-view-and-collapsing-68bb43be2dcb

https://expo.io/@bogoslavskiy/search-bar-animation

You can try in Expo Snack https://snack.expo.io/ryR7zDW7X

Implementing smooth animation by using native driver.

Tested on real devices

iPhone 4s
iPhone 5s
iPhone 8 Plus
iPhone X

Demo

Installation

yarn install

or

npm install

Running the app

You can open project in Expo XDE or run

exp start