PricingLoginStart free
Android Academy · 课时

使用 remember 和 mutableStateOf 管理状态

在可组合项中保存用户界面状态

第 1 / 4 课13 个步骤

使用 remember 和 mutableStateOf 管理状态 是 CoddyKit 上的免费 Android Academy 课时。 这是第 1 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Android Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Android Academy 课程共包含 4 节课。

什么是状态？

状态是指会随时间变化、且界面应对此做出响应的任何值，例如计数器、文本字段的内容，或复选框是否处于选中状态。状态发生变化时，Compose 会重新绘制界面。

mutableStateOf

mutableStateOf 会创建一个可观察的值。向其中写入值时，Compose 会知道需要重新运行读取过它的可组合项。

val count = mutableStateOf(0)
// read with count.value, write with count.value = 1

为什么要使用 remember？

可组合项可能会多次运行（重新组合）。如果每次运行都创建状态，状态就会每次重置。remember 会告诉 Compose在重新组合期间保留该值。

val count = remember { mutableStateOf(0) }

by 委托

到处读取和写入 .value 会显得冗长。Kotlin 的 by 属性委托让您可以像使用普通变量一样使用状态。

var count by remember { mutableStateOf(0) }
// now use count directly, no .value

所需导入

要使用 by 委托，您需要导入 getter/setter 辅助工具。Android Studio 会自动添加这些导入。

import androidx.compose.runtime.getValue
import androidx.compose.runtime.setValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember

计数器可组合项

下面是一个可运行的计数器。点击按钮会递增 count，而 Text 会自动更新。

@Composable
fun Counter() {
    var count by remember { mutableStateOf(0) }
    Button(onClick = { count++ }) {
        Text(text = "Count: $count")
    }
}

读取会触发更新

关键在于：Text 会读取 count。Compose 会记录这次读取，因此当 count 发生变化时，只有这一部分会重新组合并显示新值。

状态可以保存任何类型

状态不只适用于数字。您可以保存 String、Boolean、列表或自定义数据类。

var name by remember { mutableStateOf("") }
var isOn by remember { mutableStateOf(false) }

使用状态的 TextField

可编辑文本字段需要使用状态保存当前值，还需要一个用于更新该值的回调。

var text by remember { mutableStateOf("") }
TextField(
    value = text,
    onValueChange = { text = it }
)

状态是局部的

使用 remember 创建的状态存在于可组合项内部。两次调用 Counter() 会分别拥有彼此独立的计数值。

完整示例

这是一个结合本课所有内容的完整计数器界面。

@Composable
fun CounterScreen() {
    var count by remember { mutableStateOf(0) }
    Column {
        Text(text = "You tapped $count times")
        Button(onClick = { count++ }) {
            Text(text = "Tap")
        }
    }
}

快速检查

为什么要将 mutableStateOf 包装在 remember 中？

在交互式课程中回答

回顾

状态基础：

  • mutableStateOf 创建可观察的值。
  • remember 让值在重新组合期间保持不变。
  • by 让您可以省略 .value。
  • 读取状态会使可组合项订阅该状态的变化。
免费开始

用 AI 导师学习 Kotlin — 免费

在浏览器中编写并运行真实代码，获得全天候 AI 导师的即时帮助，并在网页或应用中继续学习。

课程
36
课程
152
免费开始学习查看完整课程

常见问题解答

「使用 remember 和 mutableStateOf 管理状态」课时是免费的吗？

是的 — 「使用 remember 和 mutableStateOf 管理状态」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Android Academy 课程的其余内容，请升级到 CoddyKit PRO。 Android Academy 课程共包含 4 节课。

「使用 remember 和 mutableStateOf 管理状态」这节课中我会学到什么？

在可组合项中保存用户界面状态 你通过在浏览器中直接运行的动手代码来练习 Android Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 Android Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 Android Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 1 节课，共 4 节。

「使用 remember 和 mutableStateOf 管理状态」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 Android Academy 课中编写并运行代码吗？

能。每节 Android Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 使用 remember 和 mutableStateOf 管理状态
  2. 重组详解
  3. 状态提升
  4. rememberSaveable
← 返回 Android Academy