Jetpack Compose中rememberPagerState的pageCount参数配置问题

在rememberPagerState的尾部lambda（// provide pageCount位置），你需要直接返回页面的总数量，具体写法分两种场景：

• 如果是固定页数，直接写数值，比如3；
• 如果和ScrollableTabRow的标签数量绑定，就用标签列表的size属性，比如tabList.size（假设你用列表存储标签文本）。

结合ScrollableTabRow的完整示例 #

// 定义标签列表，和页面数量一一对应
val tabTitles = listOf("首页", "分类", "我的")

// 正确初始化PagerState
val pagerState = rememberPagerState(
    initialPage = 0,
    initialPageOffsetFraction = 0f
) {
    // 返回与标签数量一致的页面总数
    tabTitles.size
}

// ScrollableTabRow实现
ScrollableTabRow(
    selectedTabIndex = pagerState.currentPage,
    modifier = Modifier.fillMaxWidth()
) {
    tabTitles.forEachIndexed { index, title ->
        Tab(
            selected = pagerState.currentPage == index,
            onClick = { /* 点击标签切换页面的逻辑 */ },
            text = { Text(title) }
        )
    }
}

// 配合HorizontalPager使用
HorizontalPager(state = pagerState) { page ->
    // 每个页面的内容
    when(page) {
        0 -> Text("首页内容")
        1 -> Text("分类内容")
        2 -> Text("我的内容")
    }
}

关于之前传pagerCount报错的原因 #

Jetpack Compose更新后，rememberPagerState的参数结构发生了变化：原来的pagerCount参数被移除，改为通过尾部lambda来提供页面总数，所以直接传pagerCount会找不到对应的函数重载，导致报错。

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