当前位置:   article > 正文

JetpackCompose-列表的使用_jetpack compose 使用list

jetpack compose 使用list

在Jetpackcompose中使用列表要是用LazyColumn和item

  1. @Composable
  2. fun CreateDrawerLayout() {
  3. val list = mutableListOf<Student>()
  4. for (i in 0..33) {
  5. list.add(Student("学生${i}", i))
  6. }
  7. LazyColumn(modifier = Modifier.fillMaxWidth()) {
  8. items(list.size) {
  9. Text(
  10. text = "items:姓名:${list[it].name},年龄${list[it].age}岁",
  11. fontSize = 18.sp
  12. )
  13. Spacer(modifier = Modifier.height(10.dp))
  14. }
  15. itemsIndexed(items = list) { index: Int, item: Student ->
  16. Text(
  17. text = "itemsIndexed:姓名:${item.name},年龄${item.age}岁",
  18. fontSize = 18.sp, modifier = Modifier.clickable {
  19. })
  20. Spacer(modifier = Modifier.height(10.dp))
  21. }
  22. list.forEachIndexed { index, student ->
  23. item {
  24. Text(
  25. text = "forEachIndexed:姓名:${student.name},年龄${student.age}岁",
  26. fontSize = 18.sp
  27. )
  28. Spacer(modifier = Modifier.height(10.dp))
  29. }
  30. }
  31. }
  32. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/运维做开发/article/detail/917579
推荐阅读
相关标签
  

闽ICP备14008679号