I published a guide on how to build Instagram-like shared transitions in React Native across all three major platforms: kirillzyusko.github.io/react-native... Even Android Instagram and web don’t have this beauty implemented in their apps - but it’s possible in React Native. Check out how!
Kiryl Ziusko
@ziusko.bsky.social
Software Engineer. React-native enthusiast 😎 Author of (react-native): - keyboard-controller ⌨️ - teleport 🛸 - bundle-splitter 🚀 - wi-fi-p2p📱📲
Yep, also curious if there are any features that are missing in the keyboard-controller that you would like to see? 🤔 Let me know in this thread 👇
Debugging is no longer the biggest RN pain point! Surprised to see keyboard handling in top 3, as it seems there's a solution ➡️ keyboard-controller by @ziusko.bsky.social & @margelo.com Good news? Migration to New Architecture ranked way below top 10 issues 🎉 Learn more about the RN ecosystem👇
It's finally here 😍 Now you can specify keyboard offset for interactive keyboard dismissal and it solves old pain points: - multiline input can grow; - you control the animation, so you can interpolate keyboard movement as you wish - no strange mount animations 😎 Will come in 1.16.0 👀
This is where `progress` value comes into play 😎 Really super-cool showcase 😍
Created this card transition effect, inspired by Instagram's Ask Me a Question! Built with @expo.dev and Reanimated, and shoutout to @ziusko.bsky.social for React Native Keyboard Controller, which brought seamless and elegant card transitions with the keyboard. Check out the demo below 👇