Jetpack Compose + 导航:rememberSaveable 在旋转时丢失状态

时间:2021-08-01 19:40:31

标签: android-jetpack-compose android-architecture-navigation jetpack-compose-navigation

我在 Jetpack Compose 与 Navigation 结合使用时遇到了一个奇怪的行为:如果你在一些导航组合中使用 rememberSaveable,那么状态不会按承诺保存(例如,它在旋转后丢失)。这是一个简单的例子:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.material.MaterialTheme
import androidx.compose.material.TextField
import androidx.compose.runtime.Composable
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.saveable.rememberSaveable
import androidx.navigation.compose.NavHost
import androidx.navigation.compose.composable
import androidx.navigation.compose.rememberNavController
import androidx.compose.runtime.getValue
import androidx.compose.runtime.setValue

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MaterialTheme {
                MyScreen()
            }
        }
    }
}

@Composable
fun MyScreen() {
    val navController = rememberNavController()
    NavHost(navController = navController, startDestination = "xyz") {
        composable("xyz") {
            var value by rememberSaveable { mutableStateOf("") }
            TextField(value = value, onValueChange = { value = it })
        }
    }
}

上面的代码生成一个可以输入的文本字段。一旦旋转屏幕,输入的文本就会丢失,即使该值应该由 rememberSaveable 保存。

稍微调查了一下,我注意到以下几点:

  • 问题确实出在 NavHost 上。如果将定义变量“value”的行移动到“MyScreen()”的顶部(在 NavHost 之外),则一切都按预期工作。

  • 真正的问题似乎是可组合变量“currentCompositeKeyHash”在 NavHost 内部的配置更改后没有保留。该变量用作savedInstanceBundle 的键,以通过rememberSaveable 检索保存的值,从而导致状态丢失。特别是,如果在 rememberSaveable 中明确指定了一个键,那么一切都会按预期进行。

这是一个错误还是我误解了什么?

1 个答案:

答案 0 :(得分:0)

导入以下包将解决您的问题。

androidx.navigation:navigation-compose:2.4.0-alpha04