Shared Element Transition with React Native
summary
Claims shared element transitions are achievable cross platform with React Native by faking true shared elements using view snapshots and an overlay animation that mirrors layout and transforms while navigation proceeds on iOS and Android. The demo builds snapshot copies, animates position scale and opacity, and coordinates timing with navigation events so the result appears continuous. The technique works reliably in live demos though it depends on snapshot fidelity and device performance.
AI-written summary · about
chapters (4)
- 0:00Start
- 3:22What is Shared Element Transition?
- 11:15Adding Entry Transition
- 15:14Simulating a busy app
related talks
22mCan it be done in React Native
36mMake Your Apps Move! Awesome Animations with React Native ⚡️
28mDemystifying complex animations creation process in React Native
36mOwning Transitions
30mMicrointeractions & Animations in React Native: Help users understand the UI
25mJust use platform
23mPractical hacks for delightful interactions
45mMobile navigation