Jetpack Compose: как правильно принудительно перекомпоновать, когда объект mutableStateOf изменяется из viewModel?

Причина в том, что класс данных использует equals и hashCode для структурного равенства == и с

@Suppress("UNCHECKED_CAST")
fun <T> structuralEqualityPolicy(): SnapshotMutationPolicy<T> =
    StructuralEqualityPolicy as SnapshotMutationPolicy<T>

private object StructuralEqualityPolicy : SnapshotMutationPolicy<Any?> {
    override fun equivalent(a: Any?, b: Any?) = a == b

    override fun toString() = "StructuralEqualityPolicy"
}

@StateFactoryMarker
fun <T> mutableStateOf(
    value: T,
    policy: SnapshotMutationPolicy<T> = structuralEqualityPolicy()
): MutableState<T> = createSnapshotMutableState(value, policy)

Вы не обновляете параметры ActivityScreenState

suspend fun accept(invitation: Invitation) {
    val tempActivity = state.activity
    tempActivity?.invitation?.state = InvitationState.ACCEPTED

    state = state.copy(
        activity = tempActivity
    )
}

вы не меняете никаких свойств конструктора

data class ActivityScreenState(
    val isLoading: Boolean = true,
    val activity: Activity? = null,
)

вы фактически меняете параметр Activity, в то время как экземпляр остается прежним.

у вас должен быть новый activity, пока вы устанавливаете тот же activity после изменения state = InvitationState.ACCEPTED, или вы можете использовать referentialEqualityPolicy(), который запускает рекомпозицию при назначении нового объекта.

suspend fun accept(invitation: Invitation) {
    val newActivity = state.activity.copy(activity = ...new instance here with copy or creating new Activity instance with new invitation)

    state = state.copy(
        activity = newActivity
    )
}

В общем, если вы хотите принудительно обновить с тем же значением или другой ссылкой, вы можете изменить snapshotMutationPolicies.

Например

@Preview
@Composable
fun ForceRecpompositionSample() {
    Column {
        Composable1()
        Composable2()
    }
}

@Composable
fun Composable1() {
    var myCounter by remember {
        mutableStateOf(MyCounter(0))
    }

    Column(
        modifier = Modifier.border(2.dp, getRandomColor()).fillMaxWidth().padding(8.dp)
    ) {
        Button(
            onClick = {
                myCounter = myCounter.copy(value = 5)
            }
        ) {
            Text("Update MyCounter")

        }
        Text("Value: ${myCounter.value}")
    }
}

@Composable
fun Composable2() {
    var myCounter by remember {
        mutableStateOf(
            value = MyCounter(0),
            policy = referentialEqualityPolicy()
        )
    }

    Column(
        modifier = Modifier.border(2.dp, getRandomColor()).fillMaxWidth().padding(8.dp)
    ) {
        Button(
            onClick = {
                myCounter = myCounter.copy(value = 5)
            }
        ) {
            Text("Update MyCounter")

        }
        Text("Value: ${myCounter.value}")
    }
}

data class MyCounter(val value: Int)

если вы отметите второй компонуемый объект, вы увидите, что вы запускаете рекомпозицию, даже установив то же значение MyCounter, в то время как значение по умолчанию не используется в Composable1.

getRandom color — это функция, которая визуально возвращает новый цвет при рекомпозиции наблюдателя.

fun getRandomColor() =  Color(
    red = Random.nextInt(256),
    green = Random.nextInt(256),
    blue = Random.nextInt(256),
    alpha = 255
)

Вы даже можете принудительно выполнить рекомпозицию со значениями Int или String, если измените политику никогдаEquals, например

@Preview
@Composable
fun ForceRecompositionSample2() {
    var counter by remember {
        mutableStateOf(
            value = 0,
            policy = neverEqualPolicy()
        )
    }

    Column(
        modifier = Modifier.border(2.dp, getRandomColor()).fillMaxWidth().padding(8.dp)
    ) {
        Button(
            onClick = {
                counter = 5
            }
        ) {
            Text("Update MyCounter")

        }
        Text("Value: ${counter}")
    }
}

Если вы хотите использовать маршрут класса данных, вы можете обновить предыдущий пример как

data class MyCounter(
    val value: Int,
    val innerCounter: InnerCounter = InnerCounter()
)

data class InnerCounter(var value: Int = 0)

И обновить InnerCounter и запустить проверку рекомпозиции Composable2

@Composable
fun Composable1() {
    var myCounter by remember {
        mutableStateOf(MyCounter(0))
    }

    Column(
        modifier = Modifier.border(2.dp, getRandomColor()).fillMaxWidth().padding(8.dp)
    ) {

        Button(
            onClick = {
                val innerCounter = myCounter.innerCounter
                val newValue = innerCounter.value + 1
                innerCounter.value = newValue
                myCounter = myCounter.copy()
            }
        ) {
            Text("Update MyCounter")

        }
        Text("Value: ${myCounter.value}")
    }
}

@Composable
fun Composable2() {
    var myCounter by remember {
        mutableStateOf(
            value = MyCounter(0)
        )
    }

    Column(
        modifier = Modifier.border(2.dp, getRandomColor()).fillMaxWidth().padding(8.dp)
    ) {
        Button(
            onClick = {
                val innerCounter = myCounter.innerCounter
                val newValue = innerCounter.value + 1
                myCounter =
                    myCounter.copy(innerCounter = myCounter.innerCounter.copy(value = newValue))
            }
        ) {
            Text("Update MyCounter")

        }
        Text("Value: ${myCounter.value}")
    }
}