I'm looking for a way to implement image panning/zooming similar to Instagram using React Native:
or see: https://www.youtube.com/watch?v=Ahzz3ik-EvQ
I've tried components such as ViewTransformer inside a FlatList but elements that appear higher up the app component tree (for example a TabNavigation bar) remain in the foreground over the top of the zoomed image.
Does anyone know or have any tips on how this could be implemented with React Native?
Thanks
UPDATE
Facebook Yoga (Reacts layout engine) have kindly re-opened a feature request to allow for position: fixed support. Such a feature would make it easy to inform the rendering engine how to position an element relative to the screen and not a parent component. This would allow components with a position:fixed to have a zIndex relative to the root. I believe such a feature would easily solve this problem.