react-native-splash-screen icon indicating copy to clipboard operation
react-native-splash-screen copied to clipboard

Splash Screen - Video or GIF

Open vineelk8 opened this issue 5 years ago • 7 comments

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

vineelk8 avatar Dec 03 '20 12:12 vineelk8

  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.

bang9 avatar Jan 12 '21 05:01 bang9

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!

HwangTaehyun avatar Jan 22 '21 04:01 HwangTaehyun

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

amirbhz86 avatar Nov 23 '22 12:11 amirbhz86

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

djamper103 avatar Nov 30 '22 18:11 djamper103

@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.

Jscripter-pk avatar Feb 21 '24 08:02 Jscripter-pk

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

ankitc-ncompass avatar Jun 14 '24 10:06 ankitc-ncompass