升级Compose BoM后HorizontalPager滑动交互失效问题求助

在Compose BOM 2023.08.00及后续版本中，rememberPagerState的pageCount lambda要求具备稳定性。你的代码中直接将items.size作为返回值，而items是从Flow收集的可变列表，属于不稳定状态。当页面数量动态变化时，PagerState无法正确追踪这种变化，导致UI层没有触发重组更新——虽然currentPage值已更新，但视觉上无变化。

另外代码中存在一个小错误：HorizontalPager的content lambda里使用了未定义的index变量，应该是pageIndex，这会导致页面内容加载错误。

针对动态页面数量的场景，有两种可靠的修复方式：

方式一：将pageCount直接传入HorizontalPager #

新版Compose中，官方推荐将pageCount直接传递给HorizontalPager，而非在rememberPagerState中定义。这样当页面数量变化时，Pager会自动感知并触发重组：

@OptIn(ExperimentalFoundationApi::class)
@Composable
fun <T> MyPager(items: List<T>) {
    // 移除pageCount参数，改用HorizontalPager的pageCount
    val pagerState = rememberPagerState(
        initialPage = 0,
        initialPageOffsetFraction = 0f
    )

    HorizontalPager(
        state = pagerState,
        pageSpacing = -50.dp,
        pageCount = items.size // 直接传入页面数量
    ) { pageIndex ->
        // 修复索引错误：用pageIndex代替index
        val item = items.getOrNull(pageIndex) ?: return@HorizontalPager
        
        Box(modifier = Modifier.fillMaxSize()) {
            Text("Item at page $pageIndex")
            // 其他内容
        }
    }
}

方式二：为rememberPagerState添加稳定的key #

如果必须在rememberPagerState中定义pageCount，可以将items作为remember的key，确保当items变化时，PagerState重新初始化：

@OptIn(ExperimentalFoundationApi::class)
@Composable
fun <T> MyPager(items: List<T>) {
    val pagerState = remember(items) { // 添加items作为key
        rememberPagerState(
            initialPage = 0,
            initialPageOffsetFraction = 0f,
            pageCount = { items.size }
        )
    }

    HorizontalPager(
        state = pagerState,
        pageSpacing = -50.dp
    ) { pageIndex ->
        val item = items.getOrNull(pageIndex) ?: return@HorizontalPager
        
        Box(modifier = Modifier.fillMaxSize()) {
            Text("Item at page $pageIndex")
            // 其他内容
        }
    }
}

• 确保viewModel.itemList发射的是新的List实例（而非修改原有List），这样collectAsState()才能正确感知变化并触发重组。如果是MutableList，建议每次更新时返回toList()或者使用不可变集合。
• 测试程序化切换时，确保调用animateScrollToPage或scrollToPage的时机正确，避免在重组过程中频繁调用。

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