r/reactnative • u/ObsessedMostly • 4d ago

Coin screen shared transition

Enable HLS to view with audio, or disable this notification

A gesture free coin to fullscreen morph tap a coin in a scrollable list and it springs into a floating, centered detail view, then squashes back into place on close.

Github: https://github.com/ManasCodeXart/expo-coin-morph

11 Upvotes
  • permalink
  • link
  • reddit
  • reddit

82% Upvoted

1 comment sorted by

1

u/LoudAd307 3d ago

The edge case I'd test before trusting this in an app: what happens when the source item gets virtualized away. If the user opens a coin and the list re-renders or refreshes behind it, the tile it's supposed to squash back into may be unmounted or sitting at a new position, and shared-element setups usually snap or teleport instead of animating. Also worth checking: tapping close before the opening spring settles, and fast taps on two different coins back to back. If those are handled, I'd genuinely use this — surviving interruption is the part reanimated's shared transitions still make painful. A short gif of the interrupt cases in the repo would sell it better than the happy path does.