如何使用 Jetpack Compose AdapterList 保留滚动位置？

Question

我有一个带有使用 Jetpack Compose 构建的 List-Detail 流程的应用程序。我想在从详细信息视图返回到列表视图时保留滚动位置。

根据模型状态交换表面：

@Composable
private fun AppContent() {
    val scrollerPosition = ScrollerPosition()
    Crossfade(State.currentScreen) { screen ->
        Surface(color = MaterialTheme.colors.background) {
            when (screen) {
                is Screen.List -> ListScreen(scrollerPosition)
                is Screen.Details -> DetailsScreen(screen.transaction)
                is Screen.New -> NewScreen()
            }
        }
    }
}

ListScreen 曾经有一个 VerticalScroller，我给它一个 ScrollerPosition 以在屏幕更改后保留位置。但是，此解决方案不适用于 AdapterList。

过去是这样的：

@Composable
private fun TransactionsList(modifier: Modifier, scrollerPosition: ScrollerPosition) {
    Box(modifier = modifier.fillMaxSize().wrapContentSize(Alignment.Center)) {
        VerticalScroller(scrollerPosition = scrollerPosition) {
            AdapterList(State.transactions, itemCallback = { transaction ->
                TransactionListRow(transaction)
                ListDivider()
            })
        }
    }
}

如何让 AdapterList 保持滚动位置？

@Composable
private fun TransactionsList(modifier: Modifier, scrollerPosition: ScrollerPosition) {
    Box(modifier = modifier.fillMaxSize().wrapContentSize(Alignment.Center)) {
        AdapterList(State.transactions, itemCallback = { transaction ->
            TransactionListRow(transaction)
            ListDivider()
        })
    }
}

Answer 1

rememberScrollState()?

我认为可以将其提取为一个值，或者可以使用 lerp() 函数，方法是将其设为自定义 Composable 而不是使用 Layout()

为什么不改用 lazycolumn？

Answer 2

在 Jetpack Compose 1.0 中，使用 rememberLazyListState() 可以保留滚动位置。

要保留状态，请在树中足够高的位置（例如导航上方）初始化状态变量。然后将其传递给 LazyColumn.

这里有一个 Crossfade 的例子，它在列表和详细信息之间切换时保留列表中的滚动位置：

  val listState = rememberLazyListState()

  Crossfade(screen) { scr ->
    Surface(color = colors.background) {
      when (scr) {
        is Screen.List -> LazyColumn(state = listState) {
              items(items) { item ->
                // here come the items
              }
            }
        is Screen.Details -> DetailsScreen()
      }
    }
  }

items 的大小必须保持不变才能正常工作。

如何使用 Jetpack Compose AdapterList 保留滚动位置？

How to retain scroll position with Jetpack Compose AdapterList?

android

kotlin

android-jetpack-compose