search

crazycodeboy / react-native-splash-screen

A splash screen for react-native, hide when application loaded ,it works on iOS and Android.
MIT License
5.59k stars 1.09k forks source link

Splash Screen - Video or GIF #511

Open vineelk8 opened 3 years ago

vineelk8 commented 3 years ago

I'm using the react-native-splash-screen package and it is working fine for the image splash screen.

Is it possible to show video or gif using the same package or any other approach to show gif for a splash screen?

I want to load the splash screen during the app bundle, not after the app bundle. Please suggest to me a solution for this

bang9 commented 3 years ago
  1. show splash screen
  2. show animated(gif / lottie / video) screen
  3. hide splash screen
  4. hide animated screen

Splash screens like Netflix also work in the same way as above.

HwangTaehyun commented 3 years ago

If you looking for animation launch screen in react native, i would suggest looking into this package.

https://www.npmjs.com/package/react-native-lottie-splash-screen

It implements animation splash screen using airbnb lottie files. Also, I apply this for multiple react native projects and it worked well. Have a nice day!

amirbhz86 commented 1 year ago

This is a way to showing a gif on android

add implementation 'pl.droidsonroids.gif:android-gif-drawable:1.2.1' in your build.gradle and in launch_screen.xml replace ImageView to pl.droidsonroids.gif.GifImageView

done

djamper103 commented 1 year ago

This is a way to showing a gif on android

add implementation 'pl.droidsonroids.gif:android-gif-drawable:1.2.1' in your build.gradle and in launch_screen.xml replace ImageView to pl.droidsonroids.gif.GifImageView

done

If just add

pl.droidsonroids.gif:android-gif-drawable:1.2.1 Project with path 'pl.droidsonroids.gif:android-gif-drawable:1.2.1' could not be found in project

Jscripter-pk commented 6 months ago

@amirbhz86 Cool I tried for android and it works like charm but I am supposed to add it for ios side too if you know how to do the same for ios.

ankitc-ncompass commented 3 months ago

how to add the animated spash screen in expo without creating a splash screen component?