Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Animation only shown when navigating back after adding import statement

See original GitHub issue

Actual behaviour

When adding import "react-navigation-magic-move"; the animation is shown when navigating back to the previous MagicMove.Scene, but the animation when navigating to a new MagicMove.Scene is not shown anymore. Without adding the import statement, the animation is showing correctly when navigating to another MagicMove.Scene, but not when navigating back.

Expected behaviour

Animation should be shown when navigating to new MagicMove.Scene as well as when going back to the previous MagicMove.Scene.

I’m seeing this behaviour on

Device: iOS simulator iOS 11.4.
Routing/transition library: react-navigation v3.12.1
React-native version: v0.60.5
react-native-magic-move version: v0.6.6
react-navigation-magic-move version: v0.4.1

Really cool library, by the way!

Issue Analytics

State:
Created 4 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

thijs-qvcommented, Sep 3, 2019

Thanks for the help, I figured it out. I wrapped the MagicMove.Image and the MagicMove.Text components in a View, which itself was wrapped in a conditional. This was what caused the issue.

0reactions

IjzerenHeincommented, Sep 3, 2019

Sweet, glad that’s resolved 😃

Top Results From Across the Web

No back animations on iOS, instant transitions only #1532

Appears to have something to do with using an Animated.View SplashScreen component, using a regular View doesn't interfere with the transitions.

I have been trying to animate an *ngIf but i noticed it only ...

I basically route from a parent component(album component) which goes to the musicList Component. The musicList component gets the music data ...

Route transition animations - Angular

Illustrate a router transition animation by navigating between two routes, Home and About associated with the HomeComponent and AboutComponent views ...

Using CSS animations - CSS: Cascading Style Sheets | MDN

CSS animations make it possible to animate transitions from one CSS style configuration to another. Animations consist of two components, ...

How to Add Interactive Animations and Page Transitions to a ...

The web is vast and it's full of static websites and apps. But just because those apps are static, it doesn't mean they...