Why the view keeps flashing when using jetpack navigation with Compose?

by

Composite navigation recomposes both disappearing and appearing views during transition. This is the expected behavior.

You’re calling navigate on each recomposition. Your problem lays in these lines:

if (viewModel.isLoginSuccessful) {
    navController.navigate(Screen.AccountsScreen.route) {
        popUpTo(Screen.LoginScreen.route) { inclusive = true }
    }
}

You shouldn’t change state directly from view builders. In this case LaunchedEffect should be used:

if (viewModel.isLoginSuccessful) {
    LaunchedEffect(Unit) {
        navController.navigate(Screen.AccountsScreen.route) {
            popUpTo(Screen.LoginScreen.route) { inclusive = true }
        }
    }
}

Check out more in side effects documentation.

More Related Contents:

  1. Pass Parcelable argument with compose navigation
  2. How to pass id and application to a viewModel/viewModelFactory in Jetpack Compose?
  3. IllegalArgumentException: navigation destination xxx is unknown to this NavController
  4. Why a new ViewModel is created in each Compose Navigation route?
  5. How are Android activities handled with Jetpack Compose and Compose Navigation?
  6. Jetpack Compose collapsing toolbar
  7. Jetpack Compose Smart Recomposition
  8. How to get exact size without recomposition?
  9. Different types of width in jetpack compose
  10. ViewTreeLifecycleOwner not found from DecorView@2da7146[MyActivity]
  11. How to disable and enable scrolling in LazyColumn/LazyRow in Jetpack Compose?
  12. fillMaxSize modifier not working when combined with VerticalScroll in Jetpack Compose
  13. Exposed drop-down menu for jetpack compose
  14. How to add image background in button Android studio
  15. Updating Paging 3 alpha to stable cause indexing issue Android
  16. Deprecated Gradle features were used in this build, making it incompatible with Gradle 5.0
  17. Opening Android Settings programmatically
  18. android.view.View.systemUiVisibility deprecated. What is the replacement?
  19. How to call a function after delay in Kotlin?
  20. A failure occurred while executing org.jetbrains.kotlin.gradle.internal.KaptExecution
  21. Kotlin and Firebase read and write data
  22. “Module was compiled with an incompatible version of Kotlin. The binary version of its metadata is 1.5.1, expected version is 1.1.16”
  23. Scoping States in Jetpack Compose
  24. How to save enum field in the database room?
  25. JaCoCo returning 0% Coverage with Kotlin and Android 3.0
  26. Why Kotlin data classes can have nulls in non-nullable fields with Gson?
  27. Keyboard hides BottomSheetDialogFragment
  28. How to show animate an item view in LazyColumn on Jetpack Compose Android
  29. Android : Permissions check for BLE [closed]
  30. Kotlin: open new Activity inside of a Fragment

Leave a Comment