android - 如何在 Jetpack Compose 中将 Color 与 RememberSaveable 结合使用？

Question

我想在屏幕旋转后保持颜色。但这段代码会抛出一个错误:

var color by rememberSaveable { mutableStateOf(Color.Red) }

java.lang.IllegalArgumentException: MutableState containing Color(1.0, 0.0, 0.0, 1.0, sRGB IEC61966-2.1) cannot be saved using the current SaveableStateRegistry. The default implementation only supports types which can be stored inside the Bundle. Please consider implementing a custom Saver for this class and pass it as a stateSaver parameter to rememberSaveable().

如何为Color实现Saver？

Answer 1

以下是创建自定义Saver的方法:

val ColorSaver = run {
    val redKey = "Red"
    val greenKey = "Green"
    val blueKey = "Blue"
    mapSaver(
        save = { mapOf(redKey to it.red, greenKey to it.green, blueKey to it.blue) },
        restore = {
            Color(
                red = it[redKey] as Float,
                green = it[greenKey] as Float,
                blue = it[blueKey] as Float
            )
        }
    )
}

使用示例:

var color by rememberSaveable(stateSaver = ColorSaver) { mutableStateOf(Color.Red) }

阅读官方文档了解更多信息:https://developer.android.com/jetpack/compose/state#mapsaver