animated splash screen
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
This library doesn't support it yet that I know, you can make a PR
@ishigamii i thinking to do a pull request in near future, are you allowing third party library like this?
@dengue8830 I am not the owner of this lib you should ask @crazycodeboy
Here it is how i achieved fade animation on android: https://github.com/kirillpisarev/react-native-splash-screen/commit/fea53324a570d1766dce05f5c4739cfd0a1f37cb
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>
@kirillpisarev will you change go to main branch? PR may be?
you can use Lottie, in launch_screen.xml like:
<com.airbnb.lottie.LottieAnimationView
android:layout_width="280dp"
android:layout_height="50dp"
android:layout_centerInParent="true"
android:visibility="visible"
app:lottie_autoPlay="true"
app:lottie_loop="false"
app:lottie_rawRes="@raw/animated"
tools:visibility="visible"></com.airbnb.lottie.LottieAnimationView>
read more in Lottie docs