Jetpack Compose：如何保持 UI state 跨页面/可组合？

Question

有没有办法保存 Composable 的 UI state 以便在 Composable 之间切换时，它们的 UI state 与离开视图时相同？

我试过使用rememberLazyListState() （它使用rememberSaveable ）来保存 LazyColumn 的滚动LazyColumn但回到可组合时它似乎不起作用。

有任何想法吗？

编辑：我正在使用NavController来处理 Composable 之间的导航

Answer 1

我只是想出了如何去做。 这个想法是将LazyListState提升到管理视图导航的 Composable。

@Composable
fun AppScreenNav(screen: Screen) {
    val listState = rememberLazyListState()
    when (screen) {
        Screen.Home -> Home()
        Screen.Favorites -> Favorites(listState)
    }
}

@Composable
fun Favorites(listState: LazyListState) {
    val favorites: List<String> by rememberSaveable { mutableStateOf(List(1000) { "Favorites $it" }) }
    LazyColumn(
        state = listState
    ) {
        items(favorites) { item ->
            Text(
                color = Color.Black,
                text = item,
            )
        }
    }
}

在这里，我们将列表 state 提升到父组件。 在Home()和Favorites()可组合之间切换时，列表滚动 state 应该保持不变。