Comment optimiser les performances lors de l'utilisation de plusieurs instances d'une animation Lottie?

Question

Nous sommes face à d'énormes FPS gouttes lorsque nous affichons plusieurs instances d'une animation à l'aide Lottie lottie-react-native.

Pour reproduire ce, essayez d'afficher 6-7 instances de l'animation suivante, vous pouvez voir que FPS tombe à environ 4-5 sur les threads JS et UI.

Lien vers le fichier d'animation: https://www.lottiefiles.com/236-accept-arrows

Que peut-on faire pour éviter que des gouttes FPS?

PS: Ce problème est lié à lottie-react-native. Je n'ai pas assez de réputation pour créer un nouveau tag.

Merci à l'avance

Answer 1

Je n'ai pas vraiment une réponse à votre question mais vous pouvez lire ceci, il pourrait vous donner un aperçu sur la chute des cadres. https://facebook.github.io/react-native/docs/performance.html