Android Jetpack Compose：移除HorizontalPager页面并禁用自动导航

核心思路 #

禁用删除时的自动导航，本质是手动控制删除后的PagerState.currentPage，保持显示原来的内容，而非让系统自动调整页面。系统默认会在列表长度变化时，将当前页面修正到有效范围内（比如删除当前显示项时自动跳转到前一页），我们需要覆盖这个逻辑。

步骤1：给列表项添加唯一标识 #

确保每个itemList中的项有唯一ID（比如定义data class Article(val id: String, ...)），这样删除后能精准定位到原来显示的项在新列表中的位置。

步骤2：在删除操作中手动调整页面 #

在触发删除的函数里，先记录当前显示的项，执行删除后找到该项在新列表中的索引，再手动跳转到该索引：

val coroutineScope = rememberCoroutineScope()
var itemList by remember { mutableStateOf(initialItemList) }

fun deleteItem(deletedIndex: Int) {
    // 1. 记录当前显示的项
    val currentDisplayedItem = itemList[pagerState.currentPage]
    // 2. 执行删除操作
    itemList = itemList.toMutableList().apply { removeAt(deletedIndex) }
    // 3. 找到原显示项在新列表中的索引
    val newPageIndex = itemList.indexOfFirst { it.id == currentDisplayedItem.id }
    // 4. 如果找到，手动跳转到该索引（覆盖系统自动调整）
    if (newPageIndex != -1) {
        coroutineScope.launch {
            pagerState.scrollToPage(newPageIndex)
        }
    } else {
        // 若原显示项被删除，自定义跳转逻辑：比如删除当前项后跳转到下一页（无下一页则跳转到前一页）
        val newValidPage = if (pagerState.currentPage >= itemList.size) {
            itemList.size - 1
        } else {
            pagerState.currentPage
        }.coerceAtLeast(0)
        coroutineScope.launch {
            pagerState.scrollToPage(newValidPage)
        }
    }
}

步骤3：修正PagerState的初始化与配置 #

保持HorizontalPager和PagerState的基础配置，直接在HorizontalPager中指定pageCount，避免依赖PagerState构造器的自动更新逻辑：

val pagerState = rememberPagerState(
    initialPage = currentArticleIndex,
    initialPageOffsetFraction = 0f
)

HorizontalPager(
    state = pagerState,
    pageCount = itemList.size,
    beyondBoundsPageCount = 3
) { page ->
    // 渲染页面内容，比如ArticleItem(itemList[page])
}

特殊场景处理说明 #

• 删除当前显示的项：上述逻辑会自动跳转到下一页（如果存在），而非系统默认的前一页，完全符合禁用自动导航的需求。
• 删除第0项：原显示项若为第1项，删除后它的索引变为0，会自动保持显示该内容；若原显示项是第0项（被删除），则按自定义逻辑跳转到下一页。

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