Jetpack Compose：多类型LazyColumn每5个数字项后插字母项问题

问题原因分析 #

你的代码错误在于用index%5==0判断字母项位置，导致第0位（第一个item）就触发字母显示。而添加index>0后，会跳过第一个字母的触发条件（index=5时，5%5=0，但index/5=1，对应字母B），直接丢失了字母A——因为第一个字母本该出现在第6个item位置（对应index=5），而非第1个位置。

修正后的代码 #

@Composable
fun LazyColumnWithMultipleTypesSample() {
    val numList = (1..200).toList()
    val alphabetList = ('A'..'Z').toList()
    val context = LocalContext.current

    LazyColumn(modifier = Modifier.fillMaxSize()) {
        // 总item数：数字总数 + 可插入的字母数（最多26个，200个数字最多可插40个，但字母仅26个）
        items(count = numList.size + alphabetList.size) { index ->
            // 计算当前已插入的字母数量：每6个item包含5个数字+1个字母
            val insertedAlphabets = index / 6
            // 判断当前位置是否是字母项的位置：每组最后一个item（index=5、11...），且字母未耗尽
            val shouldShowAlphabet = (index % 6 == 5) && (insertedAlphabets < alphabetList.size)

            if (shouldShowAlphabet) {
                AlphabetItem(
                    char = alphabetList[insertedAlphabets],
                    onClick = { char ->
                        Toast.makeText(context, "Alphabet clicked: $char", Toast.LENGTH_SHORT)
                            .show()
                    }
                )
            }
            // 计算对应的数字索引：减去已插入的字母数量，避免数字顺序偏移
            val numIndex = index - insertedAlphabets
            if (numIndex < numList.size) {
                NumberItem(
                    number = numList[numIndex],
                    onClick = { number ->
                        Toast.makeText(context, "Number clicked: $number", Toast.LENGTH_SHORT)
                            .show()
                    }
                )
            }
        }
    }
}

核心逻辑说明 #

1. 字母位置精准定位：每6个item为一组（5个数字+1个字母），字母固定在每组的最后一个位置（对应index=5、11、17...），用index%6==5避免误触发。
2. 数字索引修正：每个数字索引需要减去当前已插入的字母数量，抵消字母占用的item位置，保证数字列表顺序正确。
3. 字母耗尽处理：当已插入的字母数量达到26时，insertedAlphabets < alphabetList.size条件不成立，后续仅显示剩余数字项。

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