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.

Issue with reanimated Transition on Android

See original GitHub issue

Regarding https://github.com/kmagiera/react-native-reanimated/issues/304 there is an issue about using a Reanimated <Transition> on Android, inside a react-navigation-stack while using useScreens().

Reproductible demo with Expo v35 : https://snack.expo.io/@freddy03h/issue-transition-inside-navigation

I experiencing the issue also on a normal react-native project with those dependencies :

   "react-native": "0.61.2",
    "react-native-gesture-handler": "1.4.1",
    "react-native-reanimated": "1.3.0",
    "react-native-screens": "2.0.0-alpha.6",
    "react-navigation": "4.0.10",

Issue Analytics

State:
Created 4 years ago
Reactions:1
Comments:12 (4 by maintainers)

Top GitHub Comments

1reaction

WoLewickicommented, Jun 9, 2020

Ok so I am closing this issue. Feel free to comment if there is something wrong.

1reaction

Freddy03hcommented, Jun 8, 2020

Hi! Sorry for the delay, I tried the example from my snack example with this config on a new initiated react-native project and now everything work fine :

    "@react-native-community/masked-view": "0.1.10",
    "@react-navigation/native": "5.5.1",
    "@react-navigation/stack": "5.5.1",
    "react": "16.11.0",
    "react-native": "0.62.2",
    "react-native-gesture-handler": "1.6.1",
    "react-native-reanimated": "1.9.0",
    "react-native-safe-area-context": "3.0.2",
    "react-native-screens": "2.8.0"

Top Results From Across the Web

Failing to import Transitions in Android · Issue #2577 - GitHub

I have installed react-native-reanimated v2 and I am experiencing a crash now. This crash is related to react-navigation-animated-switch. They are using ...

React Native Reanimated is being a turd on Android!

While the header animation was working perfectly fine on iOS, on Android, it was very lagging and creating weird flickering problems.

Software Mansion auf Twitter: „Entry/exit Layout Animations in ...

There is a bug wrt react navigation stack, which blocked using layout animation in screens created using stack navigation in android. After ...

react native reanimated not working - You.com | The search ...

Solution. As mentioned in comments by @Cris69, react-native-reanimated will not work in web because there is no bridge for web. There are two...

react-native-reanimated - npm

React Native Reanimated provides a more comprehensive, low level abstraction for the Animated library API to be built on top of and hence ......