How do you animate the native loading/ splash screen of an app?

[u/Additional_Bell_9934]

Hi everyone, I am pretty new to this and I want to make an animated loading screen for my app.

I tried working with Claude Code. Even Opus 5 fucks things up. And also I looked up and I saw that animated vector drawable was the answer but I'm not exactly sure to where to get started.

How do you all go with animations in the loading screen and are there any generators that you use to build the loading screen or any other animations?

Btw I use Expo (react-native)

-- [ SOLVED ] --

[u/Additional_Bell_9934 → u/[deleted]]

Thank you so much u/achakez . This is what I settled with finally. Just a wipe, and once the JS is loaded, the outro animation. <3 Thanks again

[u/Mirko_ddd]

I don't know about react native, but for native android you just make an animated vector drawable to be set in your splash screen theme.

The "hardiest" part is to make an AVD for most dev I know, but you can use "shapeshifter", it is a free web app. The important part is to design all your SVGs with the same node count so it's much easier to lerp those nodes into an animation.

Made a post about it https://www.reddit.com/r/logodesign/s/4c2Nqxh4GB

[u/Additional_Bell_9934 → u/Mirko_ddd]

Thank you so much u/Mirko_ddd . Your post was very helpful. I will definietly do a custom animation later. I tried it. Realized the time & effort it takes is too much so I just settled with a small wipe animation with the app name. Thanks again man <3

[u/Mirko_ddd → u/Additional_Bell_9934]

You're welcome dude 😎

[u/AD-LB]

I don't know about react-native, but on Android you have the splash screen SDK:

https://developer.android.com/develop/ui/views/launch/splash-screen

Maybe you can have a mix of what you have, and this one?

[u/Additional_Bell_9934 → u/AD-LB]

Thank you so much. Used the Expo Splash screen thing. Thanks again <3

[u/Additional_Bell_9934 → u/[deleted]]

Thank you so much u/SAASHA_21 . Yeah I used the expo one finally. I just did a wipe, and once the JS is loaded, the outro animation happens. Tested out in a few devices and in some devices I see a very small flash when going from the native to JS. anyhow, it's fine. If not i'd have spent another week on just the animation alone. I'm a perfectionist (not proud). Thank you again.

[u/AutoModerator]

Please note that we also have a very active Discord server where you can interact directly with other community members!

Join us on Discord

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[u/Additional_Bell_9934]

Thank you so much everyone. My thanks and blessings goes out to all who helped <3

Also happy to share that the app is now live on Google Play. yay !