Compose Desktop非Composable函数修改State后UI不重组问题咨询

出现UI不更新的问题是两个写法错误导致的：

• 多实例不匹配：渲染logBox时传入的是LogManager().log，属于当场新建的独立LogManager对象，和业务代码里调用addLog用的全局private val logManager = LogManager()完全是两个实例，业务侧修改的状态根本不是UI正在监听的状态。
• 状态被局部截断：logBox内部用var text:String by remember {text}对传入的状态做了局部记忆代理，remember块仅在组件首次进入组合时执行一次，后续外部状态变化不会同步更新这个局部text值，相当于UI和外部真实状态完全断连。

1. 统一LogManager全局实例 #

把LogManager改为单例实现，保证全项目所有地方操作的都是同一个日志实例，从根源避免多实例问题：

object LogManager {
    val log = mutableStateOf("aa")

    fun addLog(logText: String) {
        log.value += getTimeStamp() + addSpace() + logText + emptyLine()
    }

    fun printLog() {
        println(log.value)
    }
}

如果不想用全局单例，也可以通过依赖注入传递同一个LogManager实例到所有需要写日志、渲染日志的位置，核心是保证读写操作针对同一个对象。

2. 修复logBox组件的状态绑定逻辑 #

移除多余的remember局部状态代理，直接绑定传入的MutableState，避免状态截断。日志展示框建议设置为只读，防止用户手动修改日志内容：

@Composable
fun logBox(title: String, text: MutableState<String>){
    OutlinedTextField(
        value = text.value,
        onValueChange = {text.value = it},
        label = { Text(title) },
        readOnly = true
    )
}

3. 渲染时传入正确的单例状态 #

渲染logBox时不要新建LogManager实例，直接传入单例持有的log状态：

logBox("log", LogManager.log)

修复完成后，在任意非Composable函数中调用LogManager.addLog("test")时，因为修改的是UI正在订阅的同一个MutableState，Compose会自动触发重组，日志框会即时展示最新内容。

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