Animated Splash Screen with JetpackCompose
Splash screen (also known as launch screens or startup screen) is the screen that appears when you open an app on your mobile. This is used to provide a Brand introduction of your app or to provide a good user experience.
With the Latest Jetpack compose android provides its own splash API. But unfortunately, that will only work in Android 12 or higher. What about the other version?
Today I will write about a way to create a Splash screen that will support all the versions. Let’s start.
What Are We Reading
It’s great. Isn’t it? By the way, JC stands for Jetpack Compose 😃.
Add the Navigation
This code is pretty simple. We have two screen
startDestination set the
SplashScreen as the first screen when the app opens.
We are using this function from
val navController = rememberNavController()
SetupAppNavigation(navController = navController)
Create the design
This code is also simple. We are Just showing an icon (probably which will be your logo) and text in the center of the screen. We are using
Box as a container.
contentAlignment = Alignment.Center is responsible for keeping the icon and text in the center. The above code results in the below screen.