Ui Of React Native App (on Ios) Lags And Fps Rate Drops Regularly

The UI of my react native app drops regularly but only on iOS. I attached a screenshot which shows the UI fps of about 11. Also it's a very steady wave and keeps happening several

Solution 1:

Did you by any chance left some console.log in the AppDelegate files? I had a similar problem and mine was that the console was logging like crazy. Check your device log.

Solution 2:

Running in development mode is actually a major performance issue. Maybe trying to turn that off will help: https://facebook.github.io/react-native/docs/performance.html

Also, try to interpolate as much of the animations as you can: https://facebook.github.io/react-native/docs/animated.html#interpolation

Other than that, most companies who use react-native actually do the animations in native code and bridge responses to do the animation itself: https://www.youtube.com/watch?v=rwQ6yxddKz4