In this video, we are going to see bottom tab animation like Linkedin. We are using react-navigation v5 and also using the react-navigation bottom tab. We are animating the bottom tab when users scroll down and animate back to its original position when the user scrolling up. I hope you will like this video. Don't forget to mention the next topic. Like comment and share this one. I will try to make more helpful videos in the future. Don't forget to subscribe so that you don't miss my future video.
Fake data URL ➤
https://fakestoreapi.com/products
https://jsonplaceholder.typicode.com/users
Github Repo ➤ https://github.com/mdrajibsk8/React-Native-Animation/tree/shared-element-transition
If you like my work you can buy me a coffee ➤ ☕ https://bit.ly/2QKrXAx
► Timestamps
0:00 Introduction
1:23 Project Structure and overview
5:52 Implementing onScroll
10:18 Hiding Bottom Tab
Follow and support me:
Facebook ► https://www.facebook.com/developerssin
Instagram ► https://www.instagram.com/mdrajib_s_k/
Linkedin ► https://www.linkedin.com/in/mdrajibsk8/
Twitter ► https://twitter.com/mdrajibsk_8
Github ► https://github.com/mdrajibsk8
NPM ► https://www.npmjs.com/~mdrajibsk8
#bottomtabanimation #react #reactnative #bottomtab #reactnavigation
