Unexpected UI Freezes When Using Jetpack Compose with Coroutines in Android 14
I'm relatively new to this, so bear with me... I'm working with an scenario where my app experiences UI freezes when I'm trying to fetch data asynchronously using coroutines in a Jetpack Compose setup. Specifically, I have a Composable function that triggers a network call when a button is clicked, but during the network request, the UI becomes unresponsive for several seconds, even though I'm using `rememberCoroutineScope()` to launch the coroutine. Here’s a simplified version of my code: ```kotlin @Composable fun MyScreen() { val coroutineScope = rememberCoroutineScope() var data by remember { mutableStateOf<String?>(null) } Button(onClick = { coroutineScope.launch { data = fetchDataFromNetwork() } }) { Text("Fetch Data") } data?.let { Text(it) } } suspend fun fetchDataFromNetwork(): String { delay(5000) // Simulate a long network call return "Fetched Data" } ``` I've also tried running the network call on a separate thread using `withContext(Dispatchers.IO)` but it doesn't seem to resolve the question. The `delay` function simulates a long operation, and I expected the UI to remain responsive since it's all wrapped in a coroutine. However, the button becomes unresponsive during the wait. I have verified that there are no blocking calls on the main thread and that other UI components can still be interacted with. I tried using `LaunchedEffect` instead of `rememberCoroutineScope()`, but it resulted in the same behavior. Has anyone encountered a similar scenario, and how can I ensure the UI remains responsive during such asynchronous operations? For context: I'm using Kotlin on Linux. Has anyone else encountered this?