ChatGPT Android App: Simple Steps with Jetpack Compose 

Nice question! Actually reverseLayout = true, reverse the direction of scrolling and layout. When true, items are laid out in the reverse order. but! in this case you will see the first message at the bottom of the screen and we usually want the last message in chat conversations to be the last item in list. so we use viewmodel.messages.reversed(). Try with this simple code snippet to see what happens of you enable or disable the reverseLayout = true and reversed the list items: LazyColumn( reverseLayout = true, // Enable reverse layout to make the list start from the bottom ) { items( List(100) { "$it" } .reversed(), // Reverse the list to make the first item at the bottom ) { item -> Text( modifier = Modifier .fillMaxWidth() .border(BorderStroke(1.dp, Color.Gray)) .padding(20.dp), text = item, textAlign = TextAlign.Center, ) } }

@@RezaDevs I ask that question because when I implement a loading indicator instead it go downward like scrolling to bottom it's to top it's like just the behavior when u don't have messages. reversed()?so how I can like implement the loading indicator to be like the behavior of the messages?

@@RezaDevs plss how can I also do that to loading animation I already have?

I do not know how you implemented to loading. You can achieve this by sth like this: Box { LazyColumn( reverseLayout = true, ) { } CircularProgressIndicator( modifier = Modifier .align(Alignment.BottomCenter) // or .align(Alignment.TopCenter) .padding(bottom = 16.dp), // or .padding(top = 16.dp) ) }

I hope this can help you: platform.openai.com/docs/guides/rate-limits/error-mitigation