How should we observe a flow to navigate to a different screen, when using @Compose and ViewModel? Suppose we wait for a

logout

call to finish, how should we collect the flow result in a @Composable function? The only way I could think of would be something like this:

@Composable
private fun ProfileScreen(
    onUserLoggedOut: () -> Unit,
    viewModel: UserProfileViewModel = viewModel()
) {
    LaunchedEffect(key1 = Unit) {
        viewModel.onUserLoggedOut.collect { userLoginState ->
            when (userLoginState) {
                UserLoginState.LOGGED_IN -> Unit // do nothing
                UserLoginState.LOGGED_OUT -> onUserLoggedOut()
            }
        }
    }
}

However, it seems a bit off. IS there any better solution to this?

If I was you I'd collect the flow as state and then use its value as the key for your LaunchedEffect

val userLoginState by viewModel.onUserLoggedOut.collectAsState()

LaunchedEffect(key1 = userLoginState) {
    when (userLoginState) {
        //do stuff
    }
}

Do you have any idea how I could replace that? How I could better handle events?

I'd suggest taking a look at https://developer.android.com/topic/architecture/ui-layer/events#handle-viewmodel-events