Jetpack Compose LazyColumn文本消失

Question

我正在尝试Jetpack Compose，但遇到了一个问题，当上下滚动时，列表中的所有文本都会消失

List before scrolling down

现在，当我向下滚动时，结果是这样的：

List after scrolling down

然后我再次向上滚动

List after scrolling up to the top

下面是composable的代码

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()
                            )
                        }

                    }
                }
            }
        }
    }


}

谁能指出我做错了什么？

Answer 1

您使用的是哪个编写版本？

看起来这是beta07上的一个问题，你可以在这里看到：https://issuetracker.google.com/issues/188566058

我在beta08上检查了你的代码，看起来还不错。