Compose LazyColumn 顶部添加控件

Posted 2022-07-04 安果移不动

 

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

            )