我正在尝试 Jetpack Compose，但遇到了一个问题，列表中的所有文本在向上和向下滚动时都会消失
现在，当我向下滚动时，它会变成这样：
然后我再次向上滚动
这是可组合的代码
val cityList = listOf<String>(
"Los Angels",
"New York",
"São Paulo",
"Rio de Janeiro",
"San Diego",
"Santa Monica",
"Miami",
"Orlando",
"Tampa",
"Denver"
)
Scaffold(topBar = {
TopAppBar(
title = { Text(stringResource(id = R.string.app_name)) },
)
}) {
LazyColumn(
modifier = Modifier
.fillMaxWidth()
) {
items(cityList) { city ->
Card(
elevation = 8.dp,
modifier = Modifier
.fillMaxWidth()
.padding(start = 16.dp, end = 16.dp, bottom = 8.dp, top = 8.dp)
) {
Row(verticalAlignment = Alignment.CenterVertically) {
Column(modifier = Modifier.padding(16.dp)) {
Row(
modifier = Modifier
.fillMaxWidth(),
horizontalArrangement = Arrangement.Center
) {
Icon(
imageVector = Icons.Filled.LocationOn,
contentDescription = null,
modifier = Modifier.padding(end = 8.dp)
)
Text(text = "City $city")
}
Row(
modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.Center
) {
Text(
text = "Weather"
)
}
Row(verticalAlignment = Alignment.CenterVertically) {
Column() {
Text(
text = "Max Temperature 10c"
)
Text(
text = "Max Temperature 10c"
)
Text(
text = "Max Temperature 10c"
)
}
Icon(
imageVector =
Icons.Filled.Favorite,
contentDescription = null,
modifier = Modifier
.padding(end = 8.dp)
.fillMaxWidth()
)
}
}
}
}
}
}
}
谁能指出我做错了什么？