show progress indicator on splash screen

Author: softartdev

android-compose-app/src/main/java/com/softartdev/notedelight/MainPreview.kt

@@ -23,7 +23,7 @@ fun PreviewSignInScreenLight() = PreferableMaterialTheme { SignInScreenBody() }
 
 @Preview(showBackground = true, showSystemUi = true)
 @Composable
-fun PreviewSplashScreenLight() = PreferableMaterialTheme { SplashScreenBody() }
+fun PreviewSplashScreenLight() = PreferableMaterialTheme { SplashScreenBody(true) }
 
 @Preview(showBackground = true, showSystemUi = true, uiMode = UI_MODE_NIGHT_YES)
 @Composable
@@ -39,4 +39,4 @@ fun PreviewSignInScreenDark() = PreferableMaterialTheme { SignInScreenBody() }
 
 @Preview(showBackground = true, showSystemUi = true, uiMode = UI_MODE_NIGHT_YES)
 @Composable
-fun PreviewSplashScreenDark() = PreferableMaterialTheme { SplashScreenBody() }
+fun PreviewSplashScreenDark() = PreferableMaterialTheme { SplashScreenBody(true) }

shared-compose-ui/src/commonMain/kotlin/com/softartdev/notedelight/ui/SplashScreen.kt

@@ -5,13 +5,20 @@ import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.LinearProgressIndicator
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.State
 import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
 import com.softartdev.notedelight.MR
 import com.softartdev.notedelight.shared.presentation.splash.SplashResult
 import com.softartdev.notedelight.shared.presentation.splash.SplashViewModel
@@ -26,31 +33,37 @@ fun SplashScreen(splashViewModel: SplashViewModel, navSignIn: () -> Unit, navMai
         splashViewModel.checkEncryption()
         onDispose(splashViewModel::onCleared)
     }
+    var showError: Boolean by remember { mutableStateOf(false) }
     when (val splashResult: SplashResult = splashResultState.value) {
-        is SplashResult.Loading -> Unit//TODO: progress bar
+        is SplashResult.Loading -> {
+            showError = true
+        }
         is SplashResult.NavSignIn -> navSignIn()
         is SplashResult.NavMain -> navMain()
         is SplashResult.ShowError -> themePrefs.dialogHolder.showError(splashResult.message)
     }
-    SplashScreenBody()
+    SplashScreenBody(showError)
 }
 
 @Composable
-fun SplashScreenBody() = Box(
+fun SplashScreenBody(showError: Boolean = false) = Box(
     modifier = Modifier
         .fillMaxSize()
         .background(color = MaterialTheme.colorScheme.background)
 ) {
     Image(
+        modifier = Modifier.align(Alignment.Center),
         painter = painterResource(MR.images.app_icon),
-        contentDescription = null,
+        contentDescription = null
+    )
+    if (showError) LinearProgressIndicator(
         modifier = Modifier
-            .align(Alignment.Center)
-            .background(color = MaterialTheme.colorScheme.background)
+            .align(Alignment.BottomCenter)
+            .padding(bottom = 32.dp)
     )
     themePrefs.showDialogIfNeed()
 }
 
 @Preview
 @Composable
-fun PreviewSplashScreen() = SplashScreenBody()
+fun PreviewSplashScreen() = SplashScreenBody(true)