Jetpack Compose状态更新后界面未重组问题求助

核心问题点 #

你的代码存在两个关键问题，导致状态更新时无法触发引擎重新初始化：

1. 错误的状态收集方式：用remember { viewModel.callScreenState }会缓存初始的状态实例，无法响应ViewModel中mutableStateOf的更新。
2. remember未绑定依赖项：初始化引擎的remember块没有关联频道名和token的变化，导致这两个值更新时不会重新执行代码逻辑。

修正步骤 #

1. 正确收集ViewModel状态

在Composable中直接引用ViewModel的状态即可，无需用remember包裹——mutableStateOf本身是可观察状态，Composable会自动追踪其变化：

val screenState = viewModel.callScreenState

2. 给remember添加依赖触发重计算

将引擎初始化的remember块绑定到频道名和token，当这两个值更新时，自动重新执行代码块创建新引擎：

val mEngine = remember(screenState.chatRoom?.channelName, screenState.rtcToken?.token) {
    // 先判断参数有效性，避免空值初始化无效引擎
    if (screenState.chatRoom?.channelName.isNullOrEmpty() || screenState.rtcToken?.token.isNullOrEmpty()) {
        return@remember null
    }
    initEngine(
        context,
        object : IRtcEngineEventHandler() {
            override fun onJoinChannelSuccess(channel: String?, uid: Int, elapsed: Int) {
                Timber.e("hhp-CallScreen onJoinChannelSuccess channel:$channel,uid:$uid,elapsed:$elapsed")
            }

            override fun onUserJoined(uid: Int, elapsed: Int) {
                Timber.e("hhp-CallScreen onUserJoined:$uid")
                val desiredUserList = remoteUserMap.toMutableMap()
                desiredUserList[uid] = null
                remoteUserMap = desiredUserList.toMap() as HashMap<Int, TextureView?>
            }

            override fun onUserOffline(uid: Int, reason: Int) {
                Timber.e("hhp-CallScreen onUserOffline:$uid")
                val desiredUserList = remoteUserMap.toMutableMap()
                desiredUserList.remove(uid)
                remoteUserMap = desiredUserList.toMap() as HashMap<Int, TextureView?>
            }

            override fun onNetworkQuality(uid: Int, txQuality: Int, rxQuality: Int) {
                Timber.e("hhp-CallScreen onNetworkQuality $uid $txQuality $rxQuality")
            }
        },
        screenState.chatRoom!!.channelName,
        viewModel.userRole,
        token = screenState.rtcToken!!.token
    )
}

3. 销毁旧引擎避免内存泄漏

每次重新创建引擎前，需要释放旧实例资源，可通过DisposableEffect处理：

DisposableEffect(mEngine) {
    onDispose {
        mEngine?.let {
            it.leaveChannel()
            it.destroy()
        }
    }
}

补充说明 #

• 只有当screenState.chatRoom?.channelName或screenState.rtcToken?.token发生变化时，remember块才会重新执行，完全匹配你的需求。
• 新增的空值判断可以避免API请求返回前执行无效的引擎初始化逻辑。

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