Compose中Foundation API的Horizontal Pager返回后总是回到位置0

你的问题出在PagerState的持有方式错误——直接用mutableStateOf(PagerState(...))把PagerState存在ViewModel里，没法让Composable正确保留和恢复页面状态。以下是具体的修复方案：

正确实现步骤 #

1. ViewModel中保存页面索引而非PagerState实例 #

ViewModel只需要存储当前页面的索引值，不用持有PagerState这个UI状态对象：

class HomeViewModel : ViewModel() {
    // 存储当前页面索引，初始值为0
    val currentPage = mutableStateOf(0)
}

如果需要进程被杀后仍能恢复状态，改用SavedStateHandle更可靠：

class HomeViewModel(savedStateHandle: SavedStateHandle) : ViewModel() {
    private val _currentPage = savedStateHandle.getStateFlow("current_page", 0)
    val currentPage = _currentPage.asStateFlow()

    fun updateCurrentPage(page: Int) {
        savedStateHandle["current_page"] = page
    }
}

2. 在ScreenHome中正确创建和关联PagerState #

用Composable的rememberPagerState创建状态，初始值绑定ViewModel的页面索引，同时监听页面变化更新ViewModel：

@Composable
fun ScreenHome(viewModel: HomeViewModel = viewModel()) {
    // 从ViewModel获取当前页面索引，初始化PagerState
    val pagerState = rememberPagerState(initialPage = viewModel.currentPage.value)

    // 监听Pager页面变化，同步更新ViewModel的状态
    LaunchedEffect(pagerState) {
        snapshotFlow { pagerState.currentPage }
            .distinctUntilChanged()
            .collect { page ->
                viewModel.currentPage.value = page
                // 如果用SavedStateHandle版本，替换成viewModel.updateCurrentPage(page)
            }
    }

    HorizontalPager(state = pagerState, pageCount = /* 你的页面总数 */) { page ->
        // 渲染对应页面的内容
    }
}

为什么原写法无效？ #

PagerState是和Composable生命周期绑定的UI状态对象，rememberPagerState会自动通过rememberSaveable处理状态的保存与恢复。而直接在ViewModel里用mutableStateOf持有PagerState实例，会导致Pager无法正确关联Composable的状态生命周期，返回时无法读取之前的页面位置，只能回到初始的0页。

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