I built a scroll-reactive floating bottom tab bar in React Native.
Scroll down → the tabs collapse.
Scroll up → they return.
Switch tabs → the active indicator springs into place.
Built with Reanimated + Expo Router.
#ReactNative#Expo#MobileDev
(1/8)
Hello X algorithm
Looking to #connect with people into
mobile engineering
React Native + Expo
AI builders
software engineering
Building Saas products
Drop a 👋 or tell me what you're building.
#reactnative#buildinpublic#saas
Introducing Claude Fable 5: a Mythos-class model that we’ve made safe for general use.
Its capabilities exceed those of any model we’ve ever made generally available.
I built a scroll-reactive floating bottom tab bar in React Native.
Scroll down → the tabs collapse.
Scroll up → they return.
Switch tabs → the active indicator springs into place.
Built with Reanimated + Expo Router.
#ReactNative#Expo#MobileDev
(1/8)
I built a scroll-reactive floating bottom tab bar in React Native.
Scroll down → the tabs collapse.
Scroll up → they return.
Switch tabs → the active indicator springs into place.
Built with Reanimated + Expo Router.
#ReactNative#Expo#MobileDev
(1/8)
The principle I'm keeping:
Content gets the space while users explore. Navigation returns when their intent changes.
Built with:
⚛️ React Native
🚀 Expo Router
🎬 Reanimated
✨ react-native-motionify
I built a scroll-reactive floating bottom tab bar in React Native.
Scroll down → the tabs collapse.
Scroll up → they return.
Switch tabs → the active indicator springs into place.
Built with Reanimated + Expo Router.
#ReactNative#Expo#MobileDev
(1/8)
Small details made it feel polished:
• Safe-area-aware padding
• Light haptics for navigation
• Route names drive animation instead of indexes
Animation should feel quiet, not needy.
(7/8)