Jetpack Compose列表更新时，如何触发副作用重置轮播索引？

我有一个用于展示电影海报的可组合项CustomCarousel，通过carouselCurrentIndex索引列表中的不同元素，设置了两个按钮，点击时调用滚动函数更新索引以切换电影海报。

fun CustomCarousel(
    movies: List<Movie>
) {
     var carouselCurrentIndex by remember { mutableStateOf(0) }
     
     fun scrollNext(){
        if (carouselCurrentIndex == (movies.size -1)){
            carouselCurrentIndex = 0
        }else{
            carouselCurrentIndex = carouselCurrentIndex + 1
        }
    }

    fun scrollPrevious(){
        if (carouselCurrentIndex == 0){
            carouselCurrentIndex = (movies.size -1)
        }else{
            carouselCurrentIndex = carouselCurrentIndex - 1
        }
    }
    <展示当前海报的代码（movie[carouselCurrentIndex].poster），以及调用scrollNext和scrollPrevious的按钮>

}

我希望每当movies列表更新（添加/移除元素）时，将carouselCurrentIndex重置为0。CustomCarousel从父可组合项调用方式为：

CustomCarousel(viewModel.bannerItemList)

ViewModel中bannerItemList定义为：

var bannerItemList = mutableStateListOf<Movie>()

通过viewModel.bannerItemList.clear()和viewModel.bannerItemList.add(it)修改列表。

我尝试了两种LaunchedEffect均无效：
1.

LaunchedEffect(key1 = movies){
  carouselCurrentIndex = 0
}

val listSizeKey = remember {
    mutableStateOf(movies.size)
}
LaunchedEffect(key1 = listSizeKey) {
    carouselCurrentIndex = 0
}

列表能正常更新，但LaunchedEffects未触发，请问问题所在及修复方法？

1. 第一种LaunchedEffect失效原因：mutableStateListOf是同一个列表实例，仅内部元素变化。LaunchedEffect的key对比的是对象引用，只要列表实例未更换，即便元素增减，key也不会触发变化，因此LaunchedEffect不会执行。
2. 第二种方案失效原因：listSizeKey是手动维护的mutableState，但没有在movies列表变化时同步更新它的数值。当movies.size改变时，listSizeKey.value仍为旧值，导致LaunchedEffect的key无变化，自然不触发。

方案1：利用SnapshotStateList的lastChanged属性 #

mutableStateListOf实现了SnapshotStateList接口，它的lastChanged属性会在列表元素增删改时自动更新，可以直接作为LaunchedEffect的key：

@Composable
fun CustomCarousel(
    movies: List<Movie>
) {
    var carouselCurrentIndex by remember { mutableStateOf(0) }

    // 监听列表内部元素变化，触发索引重置
    LaunchedEffect(key1 = (movies as? SnapshotStateList<Movie>)?.lastChanged) {
        carouselCurrentIndex = 0
    }

    // 原有滚动函数保持不变
    fun scrollNext(){
        if (carouselCurrentIndex == (movies.size -1)){
            carouselCurrentIndex = 0
        }else{
            carouselCurrentIndex = carouselCurrentIndex + 1
        }
    }

    fun scrollPrevious(){
        if (carouselCurrentIndex == 0){
            carouselCurrentIndex = (movies.size -1)
        }else{
            carouselCurrentIndex = carouselCurrentIndex - 1
        }
    }

    // 展示海报和按钮的代码
}

方案2：监听movies.size的变化（兼容非SnapshotStateList场景） #

如果不确定传入的列表是否为SnapshotStateList，可以通过rememberUpdatedState监听movies.size的实时变化：

@Composable
fun CustomCarousel(
    movies: List<Movie>
) {
    var carouselCurrentIndex by remember { mutableStateOf(0) }
    // 实时获取最新的列表长度
    val currentListSize by rememberUpdatedState(newValue = movies.size)

    LaunchedEffect(key1 = currentListSize) {
        carouselCurrentIndex = 0
    }

    // 原有滚动函数保持不变
    // ...
}

方案3：ViewModel手动触发重置（更可控） #

如果需要完全掌控索引重置的时机，可以在ViewModel中添加一个触发状态，每次更新列表时同步更新该状态：

• ViewModel代码：

var bannerItemList = mutableStateListOf<Movie>()
var listUpdateTrigger by mutableStateOf(0)

fun updateBannerList(newMovies: List<Movie>) {
    bannerItemList.clear()
    bannerItemList.addAll(newMovies)
    // 更新触发值，强制Compose感知变化
    listUpdateTrigger++
}

• CustomCarousel代码：

@Composable
fun CustomCarousel(
    movies: List<Movie>,
    listUpdateTrigger: Int
) {
    var carouselCurrentIndex by remember { mutableStateOf(0) }

    LaunchedEffect(key1 = listUpdateTrigger) {
        carouselCurrentIndex = 0
    }

    // 原有滚动函数保持不变
    // ...
}

• 父可组合项调用：

CustomCarousel(viewModel.bannerItemList, viewModel.listUpdateTrigger)

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