Implemented ScreenA with shared ViewModel;

Author: raheemadamboev

composeApp/src/androidMain/kotlin/Platform.android.kt

@@ -1,33 +1,26 @@
-import androidx.compose.animation.AnimatedVisibility
-import androidx.compose.foundation.Image
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.material.Button
 import androidx.compose.material.MaterialTheme
-import androidx.compose.material.Text
-import androidx.compose.runtime.*
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import org.jetbrains.compose.resources.painterResource
+import androidx.compose.runtime.Composable
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import androidx.navigation.compose.rememberNavController
 import org.jetbrains.compose.ui.tooling.preview.Preview
-
-import viewmodel_compose_multiplatform.composeapp.generated.resources.Res
-import viewmodel_compose_multiplatform.composeapp.generated.resources.compose_multiplatform
+import org.koin.compose.KoinContext
 
 @Composable
 @Preview
 fun App() {
     MaterialTheme {
-        var showContent by remember { mutableStateOf(false) }
-        Column(Modifier.fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally) {
-            Button(onClick = { showContent = !showContent }) {
-                Text("Click me!")
-            }
-            AnimatedVisibility(showContent) {
-                val greeting = remember { Greeting().greet() }
-                Column(Modifier.fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally) {
-                    Image(painterResource(Res.drawable.compose_multiplatform), null)
-                    Text("Compose: $greeting")
+        KoinContext {
+            val controller = rememberNavController()
+
+            NavHost(
+                navController = controller,
+                startDestination = "ScreenA"
+            ) {
+                composable(
+                    route = "ScreenA"
+                ) {
+                    ScreenA()
                 }
             }
         }

composeApp/src/commonMain/kotlin/App.kt

@@ -0,0 +1,6 @@
+import org.koin.core.module.Module
+import org.koin.dsl.module
+
+val applicationModule: Module = module {
+    single<String> { "Raheem" }
+}

composeApp/src/commonMain/kotlin/ApplicationModule.kt

@@ -0,0 +1,3 @@
+expect class KoinInitializer {
+    fun init()
+}

composeApp/src/commonMain/kotlin/Greeting.kt

@@ -0,0 +1,40 @@
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.Scaffold
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun ScreenA(
+    viewmodel: ScreenAViewModel = koinViewModel()
+) {
+    val text by viewmodel.text.collectAsState()
+    val timer by viewmodel.timer.collectAsState()
+
+    Scaffold { padding ->
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.spacedBy(
+                space = 10.dp,
+                alignment = Alignment.CenterVertically
+            ),
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(padding)
+        ) {
+            Text(
+                text = text
+            )
+            Text(
+                text = timer.toString()
+            )
+        }
+    }
+}

composeApp/src/commonMain/kotlin/KoinInitializer.kt

@@ -0,0 +1,34 @@
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.isActive
+import kotlinx.coroutines.launch
+import kotlin.time.Duration.Companion.seconds
+
+class ScreenAViewModel(
+    name: String
+) : ViewModel() {
+
+    private val _text = MutableStateFlow(name)
+    val text: StateFlow<String> = _text.asStateFlow()
+
+    private val _timer = MutableStateFlow(0)
+    val timer: StateFlow<Int> = _timer.asStateFlow()
+
+    init {
+        startTimer()
+    }
+
+    private fun startTimer() {
+        viewModelScope.launch {
+            while (isActive) {
+                delay(1.seconds)
+                _timer.update { it + 1 }
+            }
+        }
+    }
+}

composeApp/src/commonMain/kotlin/Platform.kt

@@ -0,0 +1,3 @@
+import org.koin.core.module.Module
+
+expect val viewModelModule: Module

composeApp/src/commonMain/kotlin/ScreenA.kt

@@ -0,0 +1,10 @@
+import androidx.compose.runtime.Composable
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewmodel.compose.viewModel
+import org.koin.compose.currentKoinScope
+
+@Composable
+inline fun <reified T : ViewModel> koinViewModel(): T {
+    val scope = currentKoinScope()
+    return viewModel { scope.get() }
+}