Jetpack Compose自定义网格布局：按钮文本重复问题及需求实现问询

我一眼就看出问题所在啦——你内层循环里一直用buttonTexts[i]来获取文本，而i是外层循环的行索引，所以每行的三个按钮都会重复显示当前行第一个元素的文本；再加上position变量的更新逻辑有问题（position.inc()只是返回递增后的值，但没有赋值给position本身，等于这个变量根本没起到作用），就导致了所有按钮文本重复的情况。

给你两种靠谱的解决方案，按需选择：

方案一：用Kotlin的chunked方法（推荐） #

这个方法最简洁，完全贴合Kotlin的风格，自动把列表按每3个元素分组：

buttonTexts.chunked(3).forEach { rowItems ->
    Row(
        horizontalArrangement = Arrangement.SpaceEvenly,
        modifier = Modifier.fillMaxWidth()
    ) {
        rowItems.forEach { text ->
            MusuButton(buttonText = text) { checkCorrect(it) }
        }
        // 如果需要让最后一行的按钮也保持均匀分布，这里可以补充占位的Spacer
        // 比如：repeat(3 - rowItems.size) { Spacer(modifier = Modifier.weight(1f)) }
    }
}

为什么这个方法好用？ #

chunked(3)会自动把buttonTexts拆分成多个子列表，每个子列表最多包含3个元素。我们只需要遍历每个子列表生成Row，再遍历子列表里的元素生成按钮，每个按钮的文本自然对应列表里的不同条目，逻辑清晰还不用手动处理索引。

方案二：修复原有的循环逻辑 #

如果你更习惯用传统的循环写法，可以调整索引的计算方式：

val itemSize = buttonTexts.size
// 外层循环按步长3遍历，每次处理一行的起始索引
for (i in 0 until itemSize step 3) {
    Row(
        horizontalArrangement = Arrangement.SpaceEvenly,
        modifier = Modifier.fillMaxWidth()
    ) {
        // 内层循环处理当前行的3个位置
        for (j in 0..2) {
            val currentIndex = i + j
            if (currentIndex < itemSize) {
                MusuButton(buttonText = buttonTexts[currentIndex]) { checkCorrect(it) }
            }
            // 可选：如果需要占位，这里可以添加空视图或Spacer
        }
    }
}

逻辑调整说明： #

1. 外层循环用step 3让i每次递增3，代表每行第一个元素的索引；
2. 内层循环通过i + j计算当前按钮对应的列表索引，确保每个按钮取到的是buttonTexts里的不同元素；
3. 增加currentIndex < itemSize的判断，避免最后一行元素不足3个时出现数组越界问题。

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