React-native-splash-screen: can I use custom animation like spinner on splash screen?

[tishad770]

the splash screen is called in MainActivity.java, not JS file. So I can't include any spinner js component. Is there any workaround?

[dantman]

The splash screens are native UI (an iOS .xib and an Android xml layout) so in theory you could use something like an animated gif.

[sadi304]

Doesn't work with gif files. am i missing something? or its not possible with react native?

[DylanVann]

This library shows the splash screen with native UI. It shows LaunchScreen.xib on iOS and shows launch_screen.xml on Android. You would need to render the animation in both of those.

[bhoomika911]

I have added gif image in lauch_screen.xml. But when I run the app in android device, it is only showing first image of gif.

Can you please help?

[seclace]

@bhoomika911 note that android not plays with animated *.gif files by default. There is a small tutorial for android animated splash.gif https://www.youtube.com/watch?v=Mas3Lnd3WtM (not mine)

[Biplovkumar]

@bhoomika911 note that android not plays with animated *.gif files by default. There is a small tutorial for android animated splash.gif https://www.youtube.com/watch?v=Mas3Lnd3WtM (not mine)

it is for xamarin,
i think

[herath]

is there any method to plug GIF animations to this splash screen ? Android and IOs?

[msqar]

@herath what you are looking for is Lottie :) add Lottie to your react-native project and enjoy! It's animated SVGs 100% supported on both Android/iOS. Check on lottiefiles.com