如何在Jetpack Compose中正确利用可变性，伴随对象值变更时更新Text？

问题说明 #

我有一个预算页面，Home.kt基础代码如下：

@Composable
fun Home(navController: NavController) {
    var currentBalance = Budget.currentBalance

    Column(
        /* ... */
    ) {
        /* ... */
    }
}

用于显示余额的Text组件代码（位于Column内部）：

Text(
    text = if (currentBalance>= 0) // 该三元运算符可整洁添加"$"和/或"-"
        "\$${"%.${2}f".format(currentBalance)}" // 示例：2.56 -> $2.56
    else "-\$${"%.${2}f".format(-currentBalance)}", // 示例：-7.94 -> -$7.94
    textAlign = TextAlign.Center,
    color = MaterialTheme.colorScheme.onPrimary,
    style = MaterialTheme.typography.displayLarge
)

Budget.kt基础代码：

class Budget {
    companion object {
        var currentBalance: Double = 0.0
            get() = field
            private set(value) {
                field = value
            }

        /* ... */

        private fun AddBalance(funds: Double) {
            Companion.currentBalance += funds
            Save()
        } // 增加余额

        private fun RemoveBalance(funds: Double) {
            Companion.currentBalance -= funds
            Save()
        } // 减少余额

        /* ... */
    }
}

AddBalance()和RemoveBalance()由其他交易处理方法调用，日志已确认Budget.currentBalance能正确变更，重启应用或触发其他重组时Text会更新，但无法即时响应余额变化触发重组。

尝试过的解决方案 #

我曾把Home中的currentBalance改为mutableDoubleState：

@Composable
fun Home(navController: NavController) {
    var currentBalance: MutableDoubleState = remember {
        mutableDoubleStateOf(Budget.currentBalance)
    }

    Column(
        /* ... */
    )
}

但没有效果。我知道需要从Budget.Companion中同步更新Home里的状态值，但不知道具体实现方式。应用无崩溃无异常，只是无法触发即时重组。

解决方法 #

核心问题是：原来的Budget.currentBalance是普通Double类型，Home中创建的mutableDoubleState只是初始赋值，后续Budget内的余额变化无法同步到这个独立的状态变量中。需要让Budget的余额成为可被Compose观察的状态。

步骤1：修改Budget.kt，将余额改为可观察状态 #

把currentBalance改为Compose的MutableState，对外暴露只读的State接口：

class Budget {
    companion object {
        // 内部可变状态，仅在Companion内修改
        private val _currentBalance = mutableDoubleStateOf(0.0)
        // 对外暴露只读状态，供Composable观察
        val currentBalance: State<Double> = _currentBalance

        /* ... */

        private fun AddBalance(funds: Double) {
            // 修改内部状态的值
            _currentBalance.value += funds
            Save()
        }

        private fun RemoveBalance(funds: Double) {
            _currentBalance.value -= funds
            Save()
        }

        // 补充：加载保存的余额时，也要更新状态值
        fun Load() {
            // 假设从文件读取到的余额为savedValue
            val savedValue = /* 读取文件逻辑 */
            _currentBalance.value = savedValue
        }

        /* ... */
    }
}

步骤2：修改Home.kt，直接观察Budget的状态 #

用by语法自动订阅状态变化，当Budget内的余额变更时，会自动触发重组：

@Composable
fun Home(navController: NavController) {
    // 订阅Budget的只读状态，状态变化时自动重组
    val currentBalance by Budget.currentBalance

    Column(
        /* ... */
    ) {
        Text(
            text = if (currentBalance >= 0) 
                "$${"%.2f".format(currentBalance)}" 
            else "-$${"%.2f".format(-currentBalance)}",
            textAlign = TextAlign.Center,
            color = MaterialTheme.colorScheme.onPrimary,
            style = MaterialTheme.typography.displayLarge
        )
        /* ... */
    }
}

这样修改后，Budget内的余额变化会立即通知到Home组件，触发Text的即时更新。

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