React-native-splash-screen: animated splash screen

[Shivani12345]

i want animated splash screen i.e i want perform animations like rotate,fade animation on multiple images in launch_screen.xml. please help me

[ishigamii]

This library doesn't support it yet that I know, you can make a PR

[dengue8830]

@ishigamii
i thinking to do a pull request in near future, are you allowing third party library like this?

[ishigamii]

@dengue8830 I am not the owner of this lib you should ask @crazycodeboy

[kirillpisarev]

Here it is how i achieved fade animation on android: https://github.com/kirillpisarev/react-native-splash-screen/commit/fea53324a570d1766dce05f5c4739cfd0a1f37cb

[Quadriphobs1]

I might be coming to this conversation way later but I kinda find a way better way around the animation

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowEnterAnimation">@anim/slide_in</item>
    </style>
    <style name="SplashScreenTheme" parent="SplashScreen_SplashTheme">
        ....
        <item name="android:windowAnimationStyle">@style/SplashScreenThemeAnimation</item>
    </style>
    <style name="SplashScreenThemeAnimation">
        <item name="android:windowExitAnimation">@anim/slide_out</item>
        <item name="android:windowEnterAnimation">@anim/slide_in</item>
    </style>
</resources>

anim/slide_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="100%p"
        android:duration="250"
        android:interpolator="@android:anim/decelerate_interpolator"
        android:toXDelta="0" />
    <alpha
        android:fromAlpha="1"
        android:duration="250"
        android:toAlpha="1"/>
</set>

anim/slide_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="0"
        android:duration="250"
        android:interpolator="@android:anim/decelerate_interpolator"
        android:toXDelta="-100%p" />
</set>