androidreactjsreact-nativedebuggingchrome-debugging

Animations doesn't work in debug mode | React-Native


I've got a really annoying bug for some time now.. and it's that animations doesn't work in the debug mode of a React-Native App properly. It takes about 5s until they get executed. In normal mode everything works fine. I don't know what the reason is and there is nothing useful about this bug on the internet, yet. So I decided to ask you ^^

Note

Used

Thank you ^^


Solution

  • While turning on the debugger react-native has to do a lot more work for displaying errors, consol.logs, redux state and all that so when react-native got busy with all these things animation got executed in the meantime have a look at this.

    https://github.com/facebook/react-native/issues/5632#issuecomment-177299394

    you can try to use InteractionManager to make animations smoother.

    https://reactnative.dev/docs/0.26/interactionmanager