Question 1

How do I disable magic move animations for a specific screen?

Accepted Answer

Use the disabled prop on the MagicMove.Scene wrapper for that screen. For example, add disabled={true} to prevent animations when navigating to or from that scene, as mentioned briefly in the README.

Question 2

react-navigation-magic-move vs react-native-shared-element: which is better?

Accepted Answer

react-navigation-magic-move is tailored for seamless integration with react-navigation and react-native-magic-move, offering automatic triggering. react-native-shared-element is more general-purpose but might require manual setup for navigation, making it better for non-react-navigation projects or custom animation needs.

Question 3

Does this library work with Expo managed workflow?

Accepted Answer

Yes, it should work with Expo as it's a JavaScript library, but ensure Expo supports the native modules required by react-native-magic-move. Check compatibility with your Expo version and install dependencies accordingly.

Question 4

How to handle magic move animations with nested navigators?

Accepted Answer

The library hooks into react-navigation's scene changes, so it should work with nested navigators. Ensure all relevant scenes are wrapped with MagicMove.Scene and test animations to verify consistency, as the README doesn't explicitly cover nested cases.

Question 5

Why are animations not triggering on back navigation?

Accepted Answer

This is the core problem the library solves—if animations still fail, check that scenes are correctly wrapped with MagicMove.Scene and that react-native-magic-move is properly installed. Also, verify no conflicting performance optimizations are enabled.

Question 6

Can I customize the animation duration or easing?

Accepted Answer

Customization is limited to what react-native-magic-move provides. You'll need to configure animation properties directly in react-native-magic-move, as this binding library focuses on triggering animations rather than controlling their parameters.

react-navigation-magic-move

What is react-navigation-magic-move?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions