喷气背包组合 - 恢复懒惰列滚动状态

Question

我有一个包含多个< code>LazyRow的< code>LazyColumn。在旧术语中，嵌套RecyclerView。

我的问题是，当移动到一个新的可组合（不同的选项卡）时，LazyCol列不会恢复滚动状态。但是内部LazyRows恢复它们的状态。

例如，打开主屏幕，滚动到底部，然后滚动LazyRow结束，然后打开不同的选项卡并再次返回主选项卡。LazyCol（不恢复状态）从顶部开始，但最后一个LazyRow恢复其滚动状态。

包含 LazyColumn 的主屏幕

@Composable
fun HomeScreen(
    homeViewModel: HomeViewModel = hiltViewModel()
) {

    val scrollState = rememberLazyListState()

    LazyColumn(contentPadding = PaddingValues(vertical = 8.dp),
        horizontalAlignment = Alignment.Start,
        verticalArrangement = Arrangement.spacedBy(8.dp),
        state = scrollState,
        modifier = Modifier
            .fillMaxSize()
            .background(MaterialTheme.colors.background)
    ) {
        items(5) {
            TopRatedProducts(homeViewModel = homeViewModel)
        }
    }
}

对包含< code>LazyRow的产品进行评级

@Composable
fun TopRatedProducts(
    homeViewModel: HomeViewModel = hiltViewModel()
) {
    val topRatedProducts by rememberFlowWithLifecycle(homeViewModel.topRatedProducts)
        .collectAsState(initial = emptyList())

    LazyRow(
        contentPadding = PaddingValues(horizontal = 8.dp), // Space between start and end
        verticalAlignment = Alignment.CenterVertically,
        horizontalArrangement = Arrangement.spacedBy(8.dp), // Space between items
        modifier = Modifier
            .background(Color.Green)
    ) {
        items(topRatedProducts) {
            ProductCardItem(item = it)
        }
    }
}

如何恢复懒散列滚动状态？

Answer 1

在＜code＞主屏幕（）函数的末尾尝试以下操作：

    LaunchedEffect(scrollState.firstVisibleItemScrollOffset) {
        scrollState.scrollToItem(
            scrollState.firstVisibleItemIndex,
            scrollState.firstVisibleItemScrollOffset
        )
    }

Answer 2

当您希望在片段中使用ComposeView时，应该提到ViewCompositionStrategy。

override fun onCreateView(
    inflater: LayoutInflater, container: ViewGroup?,
    savedInstanceState: Bundle?
): View? {
    return ComposeView(requireContext()).apply {
        // Dispose the Composition when viewLifecycleOwner is destroyed
        setViewCompositionStrategy(
            ViewCompositionStrategy.DisposeOnLifecycleDestroyed(viewLifecycleOwner)
        )
        setContent {
            // content
        }
    }
}

来自文档：默认情况下，每当视图与窗口分离时，Compose 都会释放合成。ComposeView 和 AbstractComposeView 等“编写 UI 视图”类型使用定义此行为的 ViewCompositionStrategy。

默认情况下，Compose使用DisposeOnDetachedFromWindow策略。但是，在某些情况下，当在以下情况中使用撰写UI视图类型时，可能不需要此默认值:

> 片段。组合必须遵循片段的视图生命周期，以便组合UI视图类型来保存状态。

过渡。只要将Compose UI视图用作转换的一部分，它就会在转换开始时而不是转换结束时从其窗口分离，从而使您的composable在其仍在屏幕上时处理其状态。

RecyclerView 视图持有者，或您自己的生命周期管理的自定义视图

文档链接： https://developer.android.com/jetpack/compose/interop/interop-apis#composition-strategy