flutter animated splash screen (gif)

4,533

You cannot add animated splash screens, splash screens need to be static images. You can add the first image of your .gif as a splash screen, then navigate to another page that has the same starting view as your splash screen image, request what you need to your network services, await for the response, and then animate from there.

That is, essentially, what the iOS Twitter app does when you launch it. Here is its animated "splash screen".

enter image description here

Share:
4,533
evergreen
Author by

evergreen

Updated on December 13, 2022

Comments

  • evergreen
    evergreen over 1 year

    in drawable folder i added gif image file(splashscreen.gif)

    <?xml version="1.0" encoding="utf-8"?>
    <!-- Modify this file to customize your launch splash screen -->
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:drawable="@drawable/splashscreen" />
    
        <!-- You can insert your own image assets here -->
        <!-- <item>
            <bitmap android:gravity="center" android:src="@mipmap/launch_image" />
        </item> -->
    </layer-list>
    
    

    and i add like this. but only first image of gif is shown. how can i use animated splash screen or gif image?
    i saw how to make splash screen but almost they make other class(like MyApp) and use navigator but for me i need http call and location reqeust before run app. so i need slpash screen before run app.

  • Ken Kanaki
    Ken Kanaki almost 3 years
    how can i edit '*.flr' file online or offline?