MotionLayout空值状态变更未触发重组问题的解决咨询

问题根源 #

Compose组件的重组触发依赖于状态读取的作用域，如果userVo的状态读取仅在MotionLayout的content lambda内部，而MotionLayout自身的入参（如progress、motionScene）没有变化，Compose会认为MotionLayout不需要重组，进而不会执行内部的条件分支逻辑。

具体调整方案 #

方案1：将状态判断移到MotionLayout外部

把根据userVo切换Composable的逻辑提到MotionLayout之外，让状态变化直接触发分支切换，进而重组对应的MotionLayout实例：

val userVo by LoginService.userVo.collectAsStateWithLifecycle()

if(userVo != null){
    MotionLayout(
        modifier = Modifier.fillMaxSize(),
        motionScene = MotionScene(content = motionJson),
        progress = toolbarState.progress
    ){
        ComposableA()
    }
}else{
    MotionLayout(
        modifier = Modifier.fillMaxSize(),
        motionScene = MotionScene(content = motionJson),
        progress = toolbarState.progress
    ){
        ComposableB()
    }
}

方案2：给MotionLayout添加基于userVo的key

通过key参数让MotionLayout感知userVo的变化，强制当userVo变更时重组整个组件：

val userVo by LoginService.userVo.collectAsStateWithLifecycle()

MotionLayout(
    modifier = Modifier.fillMaxSize(),
    motionScene = MotionScene(content = motionJson),
    progress = toolbarState.progress,
    key = userVo // 绑定userVo作为重组触发条件
){
    if(userVo != null){
        ComposableA()
    }else{
        ComposableB()
    }
}

额外检查点

确认userVo的类型是不可变数据类，如果是可变对象（比如普通class且修改内部属性），即使属性变化，Compose也无法感知状态变更。必须保证每次userVo状态更新时，都是生成新的对象实例，而非修改原有对象的属性。

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