Compose 实现一个带header的列表

普通带header的列表

数据格式为 [{recordDay: "2020-01", values: [ {value: 1}, {value: 2} ] },{recordDay: "2020-01", values: [ {value: 1}, {value: 2} ] },]

LazyColumn(
        state = lazyListState,
        modifier = Modifier
            .background(Color.White)
            .fillMaxHeight()
            .fillMaxWidth()
    ) {
        items(dataList) { data ->
            RecordDayHeader(data.recordDay)
            data.values.forEachIndexed { index, value ->
                ValueItem(value)
            }
        }
    }

带粘性头部的列表

   dataList.forEachIndexed { index, data ->
      stickyHeader {
          RecordDayHeader(data.recordDay)
      }
      items(data.values) { value ->
          Valuetem(value)
      }
  }

posted @ 2021-12-06 10:56  用户72093285  阅读(195)  评论(0)    收藏  举报