如果它是 jetpack compose 中类的实例，如何通知状态更改

Question

我有这样的代码：

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            TestsTheme {
                var myvalue = remember{ mutableStateOf(4)}
                Row() {
                    CustomText(myvalue = myvalue)
                    CustomButton(myvalue = myvalue)
                }
            }
        }
    }
}

@Composable
fun CustomButton(myvalue: MutableState<Int>) {
    Button(onClick = {myvalue.value++}) {

    }
}

@Composable
fun CustomText(myvalue: MutableState<Int>) {
    Text("${myvalue.value}")
}

当我单击 CustomButton 时，CustomText 重新组合并更改它的值（而且没问题），但是如果我用某个类的对象替换 myvalue ，它就不起作用

如果我如何使 CustomText 重新组合myvalue 现在是 TestClass 的一个实例，并且它在下面的代码中发生了变化？

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            TestsTheme {
                var myvalue = remember{ mutableStateOf(TestClass(4))}
                Row() {
                    CustomText(myvalue = myvalue)
                    CustomButton(myvalue = myvalue)
                }
            }
        }
    }
}

@Composable
fun CustomButton(myvalue: MutableState<TestClass>) {
    Button(onClick = {myvalue.value.a++}) {

    }
}

@Composable
fun CustomText(myvalue: MutableState<TestClass>) {
    Text("${myvalue.value.a}")
}

data class TestClass(var a: Int) {

}

Answer 1

Compose 只能理解，如果您设置了 State 对象的值，它应该重新组合。在您的示例中，myvalue.value++ 实际上只是myvalue.value = myvalue.value.inc() 的缩写，因此触发重组的是调用状态。值设置器。
如果您只是改变状态所持有的对象的属性，则不会调用 setter 并且不会发生重组。

因此，您有两个选择来解决此问题：

1. 使 TestClass 不可变并使用新对象更新 State

data class TestClass(val a: Int) { // << changed var to val

}

@Composable
fun CustomButton(myvalue: MutableState<TestClass>) {
    Button(onClick = {
        val current = myvalue.value
        myvalue.value = current.copy(a = current.a + 1)
    }) {

    }
}

这不太好读，但不需要 TestClass 包含任何特定于 compose 的代码。

2. 让 TestClass 成为状态持有者

class TestClass(a: Int) { 
    var a by mutableStateOf(a)
}


@Composable
fun Parent(){
    val myvalue = remember{ TestClass(4) } // no mutableStateOf, state is managed inside the object
    CustomButton(myvalue = myvalue)
}
@Composable
fun CustomButton(myvalue: TestClass) {
    Button(onClick = { myvalue.a++ }) {

    }
}