Adding Loading Animation

Story Points: 1

# How?

The idea for the animation is to separate each shape in the Spark logo seen on Figma, and then fade the shapes in and out to show progress. The react-native-svg package should be used, so that the quality is the same on any device. The animation should then be displayed only on initialization. It should also be noted during creation that the symbol may be part of the login page with another y-translation animation, as seen on the Figma demo.

A issue faz referência a um design do Figma para a animação do logo do Spark. Primeiro, localize o arquivo do Figma ou as especificações de design para entender as formas e a sequência da animação. Use react-native-svg para criar as formas SVG e implementar uma animação de fade-in/out, provavelmente em um componente que seja exibido somente durante a inicialização do app. Verifique o componente da página de login para coordenar qualquer animação de y-translation mencionada. Confirme que a animação funciona nos simuladores de iOS e Android.

Escrita pelo modelo de indexação a partir do texto da issue.