React-spring: Animations not working in debug mode

Created on 26 Aug 2019  路  12Comments  路  Source: pmndrs/react-spring

馃悰 Bug Report

I'm facing a pretty annoying bug. Everything works with IOS and android, except in Debug Mode with Android.
My animations are not displayed but the elements are "physically" present.
I don't understand what i'm missing but this is not easy to use at the moment.

Capture d鈥檈虂cran 2019-08-26 a虁 17 30 17

Environment

  • react-spring v8.0.20
  • react-native v0.59.9
bug react-native

Most helpful comment

Hello, here you can find a repo to debug : https://github.com/voortexx/reactSpringIssue

```- git clone

  • npm install
  • react-native run-android
  • Start Debug JS remotely
    ```

All 12 comments

Try with v9 beta, and come back with a repro if that doesn't work.

npm i react-spring@next

Not convincing :(
I "fix" this by adding
immediate={__DEV__ && Platform.OS === 'android'}

Give me a repository to debug it with?

I can't it's a corporate private repo :/
It seems like that when the debug mode is not enable the animations are working. But as soon as I enable it the animations stopped working and when I tried to inspect the DOM, the app crash.

You should be able to reproduce the issue in a basic repository. Are you doing any complex animations, or is it the basic API? Closing until a repository is provided.

Hello, here you can find a repo to debug : https://github.com/voortexx/reactSpringIssue

```- git clone

  • npm install
  • react-native run-android
  • Start Debug JS remotely
    ```

Hello. Is there any news on this bug. It seems that it's still not working on Android devices when debug mode is activated.

It seems like this may not be your issue, since you are on 59.9.
Check your Platform.isTesting. If it is true, then all the animations are noops.
It is noted here. https://github.com/facebook/react-native/commit/45686c86e2b50c98436d511dd63f0e987f565008#diff-35653b5f6360716ec796e5ffdd483841

@IndiAnnaJones react-spring uses its own fork of the Animated library baked into React Native, so that link is irrelevant to this issue. 馃槃

Not convincing :(
I "fix" this by adding
immediate={__DEV__ && Platform.OS === 'android'}

It's not working :(

any solution?

Not convincing :(
I "fix" this by adding
immediate={__DEV__ && Platform.OS === 'android'}

It's not working :(

any solution?

I'm using "react-spring": "^9.0.0-beta.34"

I'm using "react-spring": "8.0.27" and it's working with hooks and render-props.
Show me how you use it :)

Was this page helpful?
0 / 5 - 0 ratings