feat: Add slide transitions to onboarding screens

Author: ovitrif

app/src/main/java/to/bitkit/ui/MainActivity.kt

@@ -23,6 +23,10 @@ import to.bitkit.ui.screens.SplashScreen
 import to.bitkit.ui.screens.wallets.sheets.NewTransactionSheet
 import to.bitkit.ui.theme.AppThemeSurface
 import to.bitkit.ui.utils.enableAppEdgeToEdge
+import to.bitkit.ui.utils.screenScaleIn
+import to.bitkit.ui.utils.screenScaleOut
+import to.bitkit.ui.utils.screenSlideIn
+import to.bitkit.ui.utils.screenSlideOut
 import to.bitkit.viewmodels.ActivityListViewModel
 import to.bitkit.viewmodels.AppViewModel
 import to.bitkit.viewmodels.BlocktankViewModel
@@ -61,7 +65,12 @@ class MainActivity : ComponentActivity() {
                                 }
                             )
                         }
-                        composable<StartupRoutes.Intro> {
+                        composable<StartupRoutes.Intro>(
+                            enterTransition = { screenSlideIn },
+                            exitTransition = { screenScaleOut },
+                            popEnterTransition = { screenScaleIn },
+                            popExitTransition = { screenSlideOut },
+                        ) {
                             IntroScreen(
                                 onStartClick = {
                                     startupNavController.navigate(StartupRoutes.Slides())
@@ -71,7 +80,12 @@ class MainActivity : ComponentActivity() {
                                 },
                             )
                         }
-                        composable<StartupRoutes.Slides> { navBackEntry ->
+                        composable<StartupRoutes.Slides>(
+                            enterTransition = { screenSlideIn },
+                            exitTransition = { screenScaleOut },
+                            popEnterTransition = { screenScaleIn },
+                            popExitTransition = { screenSlideOut },
+                        ) { navBackEntry ->
                             val route = navBackEntry.toRoute<StartupRoutes.Slides>()
                             OnboardingSlidesScreen(
                                 currentTab = route.tab,
@@ -91,7 +105,12 @@ class MainActivity : ComponentActivity() {
                                 onRestoreClick = { startupNavController.navigate(StartupRoutes.Restore) },
                             )
                         }
-                        composable<StartupRoutes.Restore> {
+                        composable<StartupRoutes.Restore>(
+                            enterTransition = { screenSlideIn },
+                            exitTransition = { screenScaleOut },
+                            popEnterTransition = { screenScaleIn },
+                            popExitTransition = { screenSlideOut },
+                        ) {
                             RestoreWalletView(
                                 onBackClick = { startupNavController.popBackStack() },
                                 onRestoreClick = { mnemonic, passphrase ->
@@ -109,7 +128,12 @@ class MainActivity : ComponentActivity() {
                                 }
                             )
                         }
-                        composable<StartupRoutes.Advanced> {
+                        composable<StartupRoutes.Advanced>(
+                            enterTransition = { screenSlideIn },
+                            exitTransition = { screenScaleOut },
+                            popEnterTransition = { screenScaleIn },
+                            popExitTransition = { screenSlideOut },
+                        ) {
                             CreateWalletWithPassphraseScreen(
                                 onBackClick = { startupNavController.popBackStack() },
                                 onCreateClick = { passphrase ->

app/src/main/java/to/bitkit/ui/screens/SplashScreen.kt

@@ -7,7 +7,9 @@ import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.wrapContentSize
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -22,10 +24,11 @@ fun SplashScreen(isVisible: Boolean = true) {
     AnimatedVisibility(
         visible = isVisible,
         enter = fadeIn(),
-        exit = fadeOut(animationSpec = tween(
-            durationMillis = 300,
-            easing = EaseOut,
-        )
+        exit = fadeOut(
+            animationSpec = tween(
+                durationMillis = 300,
+                easing = EaseOut,
+            )
         )
     ) {
         Box(