Kotlin：如何在另一个可组合函数中设置 Integer 的 mutableState？

Question

出于可读性目的，我想在另一个函数中提取 NavigationBar 可组合项。与 PreviousButton 相同。因此我想将索引的 mutableState 传递给这些函数。但是将索引作为参数传递是行不通的，因为我无法更新状态。我能做些什么？

@Composable
fun MyChickensScreen(){
    val art: List<Art> = Datasource().loadArt()
    var index: Int by remember { mutableStateOf(0) } 
    // IDE suggests making index a val, 
    // but I want to update the state in another composable.

    //...

    NavigationBar(index = index)
    }
}

//NavigationBar passes index to the PreviousButton Composable

@Composable
private fun PreviousButton(index: Int) {
    Button(
        onClick = { index = handlePrevClick(index) }, //Error: Val cannot be reassigned for index
    ) {
        //...
    }
}

Answer 1

您可以添加一个 lambda 函数来更新可变状态的值到 NavigationBar 和 PreviousButton：

@Composable
fun MyChickensScreen(){
    val art: List<Art> = Datasource().loadArt()
    var index: Int by remember { mutableStateOf(0) }
    // IDE suggests making index a val, 
    // but I want to update the state in another composable.

    //...

    NavigationBar(
        index = index,
        updateIndex = { index = it }
    )
}

@Composable
private fun PreviousButton(
    index: Int,
    updateIndex: (index: Int) -> Unit
) {
    Button(
        onClick = { updateIndex(handlePrevClick(index)) },
    ) {
        //...
    }
}

现在您可以通过将新值传递给updateIndexlambda 函数来更新索引可变状态。

Answer 2

可能有更好的解决方案，但我一直在做的是：

在 viewmodel 中放置一个变量，并创建一个更新方法，将 view model 或方法传递给 composable

或者

向下传递方法以更新索引

NavigationBar(index = index, 
 update ={it->
     index = it
})
}

@Composable
private fun PreviousButton(index: Int, update: (Int)-> Unit {
    Button(
        onClick = { update.invoke(index) },
    ) {
        //...
    }
}