Android：为带flingBehavior的LazyRow添加返回起始位置按钮

我有一个包含多个Card项的LazyRow，用户可滑动浏览，为实现项对齐效果给LazyRow添加了flingBehavior。现需添加按钮将列表滚动至起始位置（index=0），注意到rememberLazyListState的animateScrollToItem是挂起函数，请问如何调用？

原代码示例：

fun DisplayCard(response: List<AlbumDataClassItem>) {

    val listState: LazyListState = rememberLazyListState()
        
    LazyRow(
        modifier = Modifier.fillMaxSize(),
        state = listState,
        flingBehavior = rememberSnapFlingBehavior(listState)
    ) {
        items(response) { item ->
            Card(
                [...]
            )
        }
    }
}

因为animateScrollToItem是挂起函数，不能直接在UI事件中调用，需要借助协程作用域来执行。可以通过rememberCoroutineScope创建一个与组件生命周期绑定的协程作用域，然后在按钮的点击事件里启动协程调用该方法。

修改后的完整代码：

fun DisplayCard(response: List<AlbumDataClassItem>) {
    val listState: LazyListState = rememberLazyListState()
    // 创建绑定当前组件生命周期的协程作用域
    val coroutineScope = rememberCoroutineScope()

    Column(
        modifier = Modifier.fillMaxSize()
    ) {
        // 添加回到起始位置的按钮
        Button(
            onClick = {
                // 在协程中调用挂起函数
                coroutineScope.launch {
                    listState.animateScrollToItem(index = 0)
                }
            }
        ) {
            Text(text = "回到起始位置")
        }

        LazyRow(
            modifier = Modifier.fillMaxSize(),
            state = listState,
            flingBehavior = rememberSnapFlingBehavior(listState)
        ) {
            items(response) { item ->
                Card(
                    modifier = Modifier.size(150.dp),
                    elevation = CardDefaults.cardElevation(4.dp)
                ) {
                    // 这里填充你的Card内容，比如专辑名称、封面等
                    Text(text = item.albumName)
                }
            }
        }
    }
}

关键说明：

• rememberCoroutineScope创建的协程作用域会和组件生命周期绑定，组件销毁时作用域内的协程会自动取消，避免内存泄漏。
• 在按钮点击事件中通过coroutineScope.launch启动协程，就能安全调用animateScrollToItem实现平滑滚动到起始位置。
• 如果不需要平滑滚动效果，也可以直接调用非挂起函数scrollToItem(index = 0)，但平滑滚动的用户体验更佳。

内容的提问来源于stack exchange，提问作者dennisklad