@Composable invocations can only happen from the context of a @Composable functionn

user_15685344 0
Viewed 1011

How can I call a composable function from context of corrutines? I trying the following code but I getting the error.

@Composable
    fun ShowItems(){
        var ListArticle = ArrayList<Article>()
        lifecycleScope.launchWhenStarted {
            // Triggers the flow and starts listening for values
            viewModel.uiState.collect { uiState ->
                // New value received
                when (uiState) {
                    is MainViewModel.LatestNewsUiState.Success -> {
                        //Log.e(TAG,"${uiState.news}")
                        if(uiState.news != null){
                            for(i in uiState.news){
                                ListArticle.add(i)
                            }
                            context.ItemNews(uiState.news.get(4))
                            Log.e(TAG,"${uiState.news}")
                        }
                    }
                    is MainViewModel.LatestNewsUiState.Error -> Log.e(TAG,"${uiState.exception}")
                }
            }
        }

    }
android-jetpack-compose kotlin android
1 Answers

You should do something like this:

@Composable
fun ShowItems(){
    val uiState = viewModel.uiState.collectAsState()
    // Mount your UI in according to uiState object
    when (uiState.value) {
       is MainViewModel.LatestNewsUiState.Success -> { ... }
       is MainViewModel.LatestNewsUiState.Error -> { ... }
    }
    // Launch a coroutine when the component is first launched
    LaunchedEffect(viewModel) {
        // this call should change uiState internally in your viewModel
        viewModel.loadYourData() 
    }
}
user_10943330
Related