remember 与 mutableStateOf
存储能够在重新组合后保留的状态。
remember 与 mutableStateOf 是 CoddyKit 上的免费 Jetpack Compose Academy 课时。 这是第 1 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Jetpack Compose Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Jetpack Compose Academy 课程共包含 4 节课。
什么是状态?
在 Compose 中,状态是指会随时间变化、并且与界面有关的任意值,例如计数器或输入的姓名。🙂
普通变量不起作用
可组合项中的普通 var 虽然会改变自身的值,但 Compose 不会察觉,因此屏幕会保持完全不变。
var count = 0
Button(onClick = { count++ }) {
Text("Count: " + count)
}认识 mutableStateOf
将值包装在 mutableStateOf 中会创建一个可观察的持有者。当它的值发生变化时,Compose 就知道必须重绘界面。
val count = mutableStateOf(0)
count.value = count.value + 1状态读取会被跟踪
任何读取状态值的可组合函数都会自动订阅该状态。值发生变化时,只有这些读取者会更新。
重组陷阱
Compose 会在每次重绘时重新运行您的函数。如果每次都新建一个 mutableStateOf,它就会重置为零,丢失您之前的操作。
remember 来解围
remember 会在重组之间保存值。Compose 只计算一次,之后每次重绘都会返回同一个实例。
val count = remember { mutableStateOf(0) }经典组合
您几乎总是将它们配合使用:remember 让持有者保持存在,而 mutableStateOf 让变化可被观察。两者结合,就能保存真正的界面状态。
使用 by 更简洁
使用 by 委托,就能直接读写值,不必每次都进行冗长的 .value 访问。
var count by remember { mutableStateOf(0) }
count++组合起来
在 Text 中读取 count,并在 onClick 中修改它。点击按钮会更新数字,而 Compose 只会重绘那个 Text。
var count by remember { mutableStateOf(0) }
Button(onClick = { count++ }) {
Text("Tapped " + count)
}状态可以保存任何类型
状态不只是数字。您可以保存一个 String、一个 Boolean,或一个完整的数据类,Compose 仍然会跟踪每次变化。
var name by remember { mutableStateOf("") }现在先让状态保持在本地
对于小型组件,将状态直接保存在可组合函数中完全没问题。之后您会将它提升出去,但本地状态是非常理想的起点。
快速检查
为什么要将 mutableStateOf 包装在 remember 中?
回顾
您已经学会了,remember 加上 mutableStateOf 可以提供能够跨越重组并自动更新界面的状态。这是一个很好的开始!🎉
用 AI 导师学习 Kotlin — 免费
在浏览器中编写并运行真实代码,获得全天候 AI 导师的即时帮助,并在网页或应用中继续学习。
- 课程
- 30
- 课程
- 120
常见问题解答
「remember 与 mutableStateOf」课时是免费的吗?
是的 — 「remember 与 mutableStateOf」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Jetpack Compose Academy 课程的其余内容,请升级到 CoddyKit PRO。 Jetpack Compose Academy 课程共包含 4 节课。
「remember 与 mutableStateOf」这节课中我会学到什么?
存储能够在重新组合后保留的状态。 你通过在浏览器中直接运行的动手代码来练习 Jetpack Compose Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Jetpack Compose Academy 需要有经验吗?
无需任何先前经验。CoddyKit 上的 Jetpack Compose Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 1 节课,共 4 节。
「remember 与 mutableStateOf」课时需要多长时间?
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。
我能在这节 Jetpack Compose Academy 课中编写并运行代码吗?
能。每节 Jetpack Compose Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。
此课程中的所有课时
- remember 与 mutableStateOf
- 重新组合:什么会触发重绘
- 构建点击计数器
- 跨旋转使用 rememberSaveable