Compose LazyColumn 顶部添加控件

 

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

顶部会跟随滑动。如果想黏住不跟着滑动 可以使用

stickyHeader

非常好用

同样的也可以放到底部

 

 于是空态图的写法我们也可以用这个条目

@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("没有数据啊")
                        }
                    }
                }

            })
        }
    }
}