How can I create this splash screen with two anima...

# compose

[Ameer Amjed]

How can I create this splash screen with two animations without creating a separate composable screen? Is there any solution?🤔
Note: The design was created in Figma.

Screen Recording 2025-02-18 at 10.04.15 PM.mov

[Seri]

Compose has pretty rich animation-support baked in, but I doubt that Figma's codegen will write the missing pieces for you. Will the animations in this quick guide work for you?

https://developer.android.com/develop/ui/compose/animation/quick-guide

[Ameer Amjed]

@Seri ok, I'm Know that,I need do it using native splash screen can I do that?
or without create new page.

[Chrimaeon]

Have you had a look at
https://developer.android.com/develop/ui/views/launch/splash-screen#elements

How would your design fit in this?

[Seri]

The native splash screen is intentionally limited in its abilities, since it's meant to load immediately while the rest of your app initializes in the background. Could you create a native splash screen which covers the initial state, then a fully-loaded Compose screen which covers the animations?

[Seri]

Alternatively, you could accept the limitations of the native splash screen API and try to write it fully in XML.

[Ameer Amjed]

@Chrimaeon @Seri
I have update
https://kotlinlang.slack.com/archives/CJLTWPH7S/p1739994677893299

[Seri]

https://developer.android.com/topic/performance/vitals/launch-time

[Seri]

Try profiling your app's startup time to see what's taking up those seconds

[Ameer Amjed]

thanks @Seri