Jetpack Compose HorizontalPager最后一项后多余间距消除求助

你的问题出在contentPadding的设置上——当前只给右侧设置了80.dp的内边距，左侧无额外配置，导致第一项前间距正常，但最后一项后多出80.dp的间距，左右不对称。

修复方案 #

将contentPadding修改为左右对称的配置，让第一项前和最后一项后的间距保持一致：

方案1：移除额外内边距（首尾间距均为0，和原第一项前状态一致）

HorizontalPager(
    verticalAlignment = Alignment.Top,
    count = 3,
    state = pagerState,
    modifier = Modifier
        .fillMaxWidth()
        .wrapContentHeight()
        .constrainAs(pager) {
            start.linkTo(parent.start)
            end.linkTo(parent.end)
            top.linkTo(beneTitle.bottom)
        },
    contentPadding = PaddingValues(horizontal = 0.dp), // 替换原end=80.dp的配置
    itemSpacing = 16.dp
) { page ->
    // ... 原有内容不变
}

方案2：设置相同的左右内边距（如果需要给首尾添加一致的自定义间距）

比如想要首尾都保留16.dp的间距：

HorizontalPager(
    verticalAlignment = Alignment.Top,
    count = 3,
    state = pagerState,
    modifier = Modifier
        .fillMaxWidth()
        .wrapContentHeight()
        .constrainAs(pager) {
            start.linkTo(parent.start)
            end.linkTo(parent.end)
            top.linkTo(beneTitle.bottom)
        },
    contentPadding = PaddingValues(horizontal = 16.dp), // 左右对称设置内边距
    itemSpacing = 16.dp
) { page ->
    // ... 原有内容不变
}

原理说明 #

HorizontalPager的contentPadding是给整个Pager的内容区域添加内边距，单独设置一侧会导致滑动范围首尾不对称。保持左右内边距相等，就能让第一项左侧和最后一项右侧到Pager边缘的距离完全一致。

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