Как сделать LazyColumn с бесконечной прокруткой и фиксированными элементами в Jetpack Compose ⇐ Android

[Anonymous]

Я создаю собственный инструмент выбора времени, аналогичный показанному на изображении: Выбор времени
Этот инструмент выбора времени должен демонстрировать определенное поведение: при достижении конца списка часов или минут (например, при достижении 12 для часов или 59 для минут), он должен перейти к началу (0 или 00) без визуальной прокрутки назад к началу.
Текущее решение (рабочее):
Я реализовал решение, обеспечивающее желаемую функциональность. Тем не менее, я жду от сообщества отзывов и предложений относительно потенциальных улучшений или альтернативных подходов.
Жду отзывов:
Есть ли какие-либо оптимизации, которые я могу сделать? можно ли внести изменения в мое существующее решение?
Можете ли вы предложить другую реализацию, которая могла бы быть более эффективной или элегантной?
Есть ли какие-либо соображения по доступности, о которых мне следует знать в отношении этого пользовательского средства выбора времени?Не стесняйтесь поделиться своим рабочим решением (фрагментом кода) в следующем разделе для проверки.
Если во время реализации у вас возникли какие-либо конкретные проблемы, укажите их здесь.

val list = MutableList(12) { it + 1 }

@Composable
fun FlatTimePicker(
modifier: Modifier = Modifier,
listState: LazyListState = rememberLazyListState(),
coroutineScope: CoroutineScope = rememberCoroutineScope()
) {
val items = remember {
mutableStateListOf(
list[0],
list[1],
list[2],
list[3],
list[4],
list[5],
list[6],
list[7],
list[8],
list[9],
list[10],
list[11],
)
}
val index = remember { derivedStateOf { listState.firstVisibleItemIndex } }
LazyColumn(
modifier = Modifier
.height(60.dp)
.width(20.dp), state = listState
) {
items(items) {
Text(
text = it.toString(),
style = MaterialTheme.typography.bodyLarge,
textAlign = TextAlign.Center,
)
}

infiniteScroll(
listState = listState,
items = items,
index = index.value,
loadMoreToEnd = {
items.addAll(list)
Log.v("HoursItems", items.toString())
},
loadMoreToStart = {
items.addAll(0, list)
Log.v("HoursItems", items.toString())
},
removeFirst12Items = {
items.removeRange(0, 12)
},
removeLast12Items = {
items.removeRange(items.lastIndex - 12, items.lastIndex)
},
coroutineScope = coroutineScope,
)
}
}

private inline fun LazyListScope.infiniteScroll(
listState: LazyListState,
items: List,
index: Int,
crossinline loadMoreToEnd: () -> Unit,
crossinline loadMoreToStart: () -> Unit,
crossinline removeFirst12Items: () -> Unit,
crossinline removeLast12Items: () -> Unit,
coroutineScope: CoroutineScope,
) {
if (index + 3 == items.lastIndex && !listState.isScrollInProgress) {
coroutineScope.launch {
loadMoreToEnd()
}
}
if (listState.firstVisibleItemIndex == 0 && !listState.isScrollInProgress) {
coroutineScope.launch {
loadMoreToStart()
listState.scrollToItem(listState.firstVisibleItemIndex + 12)
}
}
if(items.size==24&&listState.firstVisibleItemIndex>items.lastIndex-(items.size/4)) {
coroutineScope.launch {
removeFirst12Items()
}
}
if(items.size==24&&listState.firstVisibleItemIndex

Подробнее здесь: https://stackoverflow.com/questions/790 ... ck-compose