Jetpack Compose：API响应后LazyRow不重组加载数据问题排查

1. 修复LazyRow的items参数错误 #

你的LazyRow中items的lambda参数命名重复，导致无法正确获取单个item的数据，同时key的写法存在语法错误。修正后代码如下：

@Composable
fun ParentHomeComposable(
    parentSkills: List<ParentHomeResponseModel>,
){
    LazyRow{
        items(
            items = parentSkills,
            key = { item -> item.studentId } // 修正参数名，正确引用单个item的studentId
        ) { item -> // 修正参数名，避免与外部列表变量重名
            ParentItemComposable(
                ParentItem = item,
            )
        }
    }
}

2. 确保在Compose中正确收集StateFlow #

检查调用ParentHomeComposable的父Composable，必须将ViewModel的uiState通过collectAsStateWithLifecycle()转换成Compose可观察的State，否则数据更新无法触发重组：

// 父Composable示例
@Composable
fun HomeScreen(viewModel: ParentHomeViewModel = hiltViewModel()) {
    val uiState by viewModel.uiState.collectAsStateWithLifecycle()

    if (uiState.isLoading) {
        CircularProgressIndicator()
    } else {
        ParentHomeComposable(parentSkills = uiState.parentHome)
    }
}

3. 修复数据模型解析问题 #

你的ParentHomeResponseModel中exploredTopics字段没有默认值，但日志返回的JSON里没有该字段，会导致解析框架抛出异常，最终parentHomeModel会是successOr(listOf())返回的空列表。需要给该字段添加默认值，同时建议给hodStreak也补充默认值：

@Parcelize
data class ParentHomeResponseModel(
    val avatar: String = "",
    val username: String = "",
    val hodStreak: List<Boolean> = emptyList(),
    val hodPoints: Int = 0,
    val hodRanking: Int = 0,
    val hodTopicsViewed: Int = 0,
    val studentId: String = "",
    val weekProgress: Int = 0,
    val generalProgress: Int = 0,
    val exploredTopics: List<ExploredTopics> = emptyList(), // 添加默认空列表
): Parcelable{}

4. 修复Item布局的约束问题 #

ParentItemComposable中的嵌套布局没有设置尺寸约束，可能导致Text无法显示。给外层容器添加明确的尺寸约束：

@Composable
fun ParentItemComposable(
    ParentItem: ParentHomeResponseModel,
) {
    BoxWithConstraints(
        modifier = Modifier
            .width(150.dp) // 给Item设置固定宽度
            .padding(8.dp)
    ) {
        Column(
            horizontalAlignment = Alignment.CenterHorizontally,
            modifier = Modifier.fillMaxWidth()
        ) {
            Text(
                text = ParentItem.username,
                color = DARK_GRAY,
                fontWeight = FontWeight.Bold,
                overflow = TextOverflow.Ellipsis,
                maxLines = 2,
                style = MaterialTheme.typography.h4,
                textAlign = TextAlign.Center,
            )
        }
    }
}

5. 验证数据传递是否正常 #

可以在ParentHomeComposable中添加日志打印，确认parentSkills的实际数据量：

@Composable
fun ParentHomeComposable(
    parentSkills: List<ParentHomeResponseModel>,
){
    LaunchedEffect(parentSkills) {
        Log.d("HomeComposable", "Parent skills count: ${parentSkills.size}")
    }
    // ... 原有LazyRow代码
}

如果日志显示数量为0，说明数据解析或ViewModel传递环节有问题；如果数量大于0但仍白屏，重点检查布局约束和LazyRow的items写法。

内容的提问来源于stack exchange，提问作者user10625391