Kotlin：如何在另一个Composable函数中修改Integer类型的mutableState？

你遇到的核心问题是：直接传递的index是不可变的值类型，子Composable拿到的只是一份拷贝，根本没法修改父组件里的mutableStateOf状态。下面给两种实用的解决办法：

方案1：传递状态更新回调函数（推荐，符合单向数据流） #

父组件把更新index的逻辑封装成函数传给子组件，子组件只负责触发这个函数，不用关心状态管理的细节。

修改后的完整代码示例：

@Composable
fun MyChickensScreen(){
    val art: List<Art> = Datasource().loadArt()
    var index: Int by remember { mutableStateOf(0) } 

    // 封装更新index的回调函数
    val updateIndex = { newIndex: Int ->
        index = newIndex
    }

    NavigationBar(currentIndex = index, onIndexUpdate = updateIndex)
}

// NavigationBar需要同时接收当前index和更新回调
@Composable
private fun NavigationBar(currentIndex: Int, onIndexUpdate: (Int) -> Unit) {
    // 把回调传递给PreviousButton
    PreviousButton(currentIndex = currentIndex, onPrevClick = onIndexUpdate)
}

@Composable
private fun PreviousButton(currentIndex: Int, onPrevClick: (Int) -> Unit) {
    Button(
        onClick = { 
            val newIndex = handlePrevClick(currentIndex)
            onPrevClick(newIndex)
        }
    ) {
        Text("Previous")
    }
}

// 处理上一页逻辑的工具函数
private fun handlePrevClick(currentIndex: Int): Int {
    return maxOf(currentIndex - 1, 0) // 示例：确保索引不会小于0
}

方案2：直接传递MutableState实例 #

如果场景简单，也可以直接把mutableStateOf返回的状态实例传过去，子组件通过修改它的value属性更新状态：

@Composable
fun MyChickensScreen(){
    val art: List<Art> = Datasource().loadArt()
    val indexState = remember { mutableStateOf(0) } 

    NavigationBar(indexState = indexState)
}

@Composable
private fun NavigationBar(indexState: MutableState<Int>) {
    PreviousButton(indexState = indexState)
}

@Composable
private fun PreviousButton(indexState: MutableState<Int>) {
    Button(
        onClick = { 
            indexState.value = handlePrevClick(indexState.value)
        }
    ) {
        Text("Previous")
    }
}

两种方案对比 #

• 方案1遵循Jetpack Compose的单向数据流原则，父组件持有状态，子组件只负责触发更新，逻辑清晰、低耦合，适合绝大多数场景。
• 方案2虽然代码更短，但子组件直接依赖状态实例，耦合度高，复杂场景下不利于维护和测试，不推荐多用。

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