Add control at the top of compose lazycolumn

 

       LazyColumn(content = {
                item { Text("Headers") }
//                stickyHeader { Text("Headers") }
                items(names) { name ->
                    Greeting(name)
                }
            })

The top will slide with it . If you want to stick and not slide have access to

stickyHeader

Very easy to use

The same can also be placed at the bottom

 

  So we can also use this entry to write the empty state diagram

@OptIn(ExperimentalFoundationApi::class)
@Composable
fun Greetings(names: List<String> = List(0) { "$it" }) {
    Surface(color = MaterialTheme.colors.surface) {
        Column {
            LazyColumn(content = {

                if (names.isNotEmpty()) {
                    items(names) { name ->
                        Greeting(name)
                    }
                } else {
                    item {
                        Column(
                            horizontalAlignment = Alignment.CenterHorizontally,
                            verticalArrangement = Arrangement.Center
                        ) {
                            Text(" There's no data ")
                        }
                    }
                }

            })
        }
    }
}