Jetpack Compose：选中LazyRow项更新AsyncImage时列表为何重组？

当你选中LazyRow里的项更新movieSelector时，整个LazyRow跟着重组，核心原因是传给Carousel的onMovieSelected lambda不稳定：

• 每次movieSelector.value变化，MovieHorizontalCarousel会触发重组，此时onMovieSelected = { url -> movieSelector.value = url }会重新创建一个新的lambda实例。
• Compose的重组机制会对比Carousel的参数，发现onMovieSelected变了，就会重新执行Carousel，连带LazyRow也跟着重组。

方案1：用rememberUpdatedState稳定lambda #

把onMovieSelected的逻辑用rememberUpdatedState包裹，让lambda保持稳定的引用，即使外层重组也不会创建新实例：

@Composable
fun MovieHorizontalCarousel(viewModel: MovieViewModel = MovieViewModel()) {
    val movies: LazyPagingItems<Movie> = viewModel.movies.collectAsLazyPagingItems()

    Column(
        modifier = Modifier.fillMaxSize()
    ) {
        val movieSelector = remember { mutableStateOf("") }
        // 用rememberUpdatedState包裹更新逻辑
        val updateSelectedMovieUrl = rememberUpdatedState(newValue = { url: String ->
            movieSelector.value = url
        })
        
        Carousel(
            movies = movies,
            // 传入稳定的lambda引用
            onMovieSelected = updateSelectedMovieUrl.value,
            modifier = Modifier.fillMaxWidth().height(100.dp)
        )

        MoviePreview(
            url = movieSelector.value,
            modifier = Modifier.fillMaxWidth().weight(1f)
        )
    }
}

方案2：把选中状态移到ViewModel（更推荐） #

将movieSelector的状态放到ViewModel里，这样onMovieSelected直接调用ViewModel的方法，方法引用本身是稳定的，不会触发不必要的重组：

// ViewModel里添加状态和方法
class MovieViewModel : ViewModel() {
    val movies = // 你的分页数据逻辑
    private val _selectedMovieUrl = mutableStateOf("")
    val selectedMovieUrl = _selectedMovieUrl.asState()

    fun onMovieSelected(url: String) {
        _selectedMovieUrl.value = url
    }
}

// 重构后的Composable
@Composable
fun MovieHorizontalCarousel(viewModel: MovieViewModel = MovieViewModel()) {
    val movies: LazyPagingItems<Movie> = viewModel.movies.collectAsLazyPagingItems()
    val selectedMovieUrl by viewModel.selectedMovieUrl

    Column(
        modifier = Modifier.fillMaxSize()
    ) {
        Carousel(
            movies = movies,
            // 直接传ViewModel的方法引用，稳定不变
            onMovieSelected = viewModel::onMovieSelected,
            modifier = Modifier.fillMaxWidth().height(100.dp)
        )

        MoviePreview(
            url = selectedMovieUrl,
            modifier = Modifier.fillMaxWidth().weight(1f)
        )
    }
}

额外优化：确保数据类稳定 #

保证Movie是data class，且所有属性都是稳定类型（比如String、Int这类不可变类型），这样Compose能正确判断项是否需要重组：

data class Movie(
    val id: Int,
    val posterPath: String,
    // 其他属性
)

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