ui: tie state collection to lifecycle

Author: mrlem

features/library/ui/src/main/java/org/mrlem/composesample/features/library/ui/detail/DetailScreen.kt

@@ -9,21 +9,21 @@ import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Surface
 import androidx.compose.material3.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.draw.alpha
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
+import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import org.mrlem.android.core.feature.ui.UiModePreviews
 import org.mrlem.composesample.theme.Theme
 
 private const val DESCRIPTION_ALPHA = 0.4f
 
 @Composable
 internal fun DetailScreen(viewModel: DetailViewModel) {
-    val state by viewModel.state.collectAsState()
+    val state by viewModel.state.collectAsStateWithLifecycle()
 
     Detail(
         state = state,

features/library/ui/src/main/java/org/mrlem/composesample/features/library/ui/list/ListScreen.kt

@@ -33,7 +33,6 @@ import androidx.compose.material3.TextFieldDefaults
 import androidx.compose.material3.rememberSwipeToDismissBoxState
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
@@ -46,6 +45,7 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.input.TextFieldValue
 import androidx.hilt.lifecycle.viewmodel.compose.hiltViewModel
+import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import org.mrlem.android.core.feature.ui.UiModePreviews
 import org.mrlem.composesample.features.library.ui.R
 import org.mrlem.composesample.theme.Theme
@@ -57,7 +57,7 @@ internal fun ListScreen(
     viewModel: ListViewModel = hiltViewModel(),
     onItemSelect: (id: Long) -> Unit,
 ) {
-    val state by viewModel.state.collectAsState()
+    val state by viewModel.state.collectAsStateWithLifecycle()
     val errorMessage = stringResource(R.string.library_error)
 
     LaunchedEffect(Unit) {

features/overview/ui/src/main/java/org/mrlem/composesample/features/overview/ui/OverviewScreen.kt

@@ -13,7 +13,6 @@ import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -26,6 +25,7 @@ import androidx.compose.ui.platform.LocalInspectionMode
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.dp
 import androidx.hilt.lifecycle.viewmodel.compose.hiltViewModel
+import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import coil3.compose.AsyncImage
 import org.mrlem.android.core.feature.ui.UiModePreviews
 import org.mrlem.composesample.theme.Theme
@@ -38,7 +38,7 @@ internal fun OverviewScreen(
     viewModel: OverviewViewModel = hiltViewModel(),
     onSuggestionClick: (itemId: Long) -> Unit = {},
 ) {
-    val state by viewModel.state.collectAsState()
+    val state by viewModel.state.collectAsStateWithLifecycle()
 
     Overview(
         state = state,

readme.md

@@ -19,7 +19,7 @@ A project template with the following objectives in mind:
   - ui: simplified **MVI**
 * build: **kts** gradle build scripts + gradle **convention plugins** to simplify + **version catalog**
 * dep injection: **hilt** + **auto-dagger**
-* ui: **compose** + **material3** + navigation3
+* ui: **compose** + **material3** + **navigation3**
 * async: **coroutines** & **flow**
 * db: **room**
 * rest: **retrofit**