Прокручиваемый TimeText в Jetpack Compose ⇐ Android

[Anonymous]

Я создаю приложение для Wear OS с помощью Jetpack Compose. Я хочу, чтобы пользовательский интерфейс выглядел примерно так:



Это код, который у меня сейчас есть:

Код: Выделить всё

@Composable
fun DefaultPreview() {
TimeText()
ScalingLazyColumn(
Modifier.fillMaxWidth(),
horizontalAlignment = Alignment.CenterHorizontally
) {
item {
Text(
text = "Title",
style = MaterialTheme.typography.title1,
color = MaterialTheme.colors.primary
)
}
item {
Text(
text = "Caption",
style = MaterialTheme.typography.caption1,
color = MaterialTheme.colors.primary
)
}
item {
Column(horizontalAlignment = Alignment.CenterHorizontally) {
Text(text = "Text content")
repeat(10) { Text("Line $it") }
}
}
}
}

Проблема в том, что при прокрутке списка текст оказывается под TimeText, что выглядит не очень хорошо.


Поэтому я хочу создать TimeText прокручивайте вместе с другими текстовыми элементами. Если я помещу TimeText() как элемент в ScalingLazyColumn, он будет работать, но теперь под TimeText будет огромный пустой пробел, который, очевидно, является CurvedLayout .



Как мне избавиться от этого пустого места? Есть ли лучший способ сделать TimeText прокручиваемым?

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