Jetpack Compose中HorizontalPager内垂直滚动失效问题求助

你的问题出在使用了scrollable modifier——它仅负责监听滚动手势，不会自动处理内容的滚动布局逻辑，所以垂直滚动无法生效。可以通过以下两种方式修复：

方案一：使用verticalScroll + ScrollState #

将scrollable替换为verticalScroll，它会自动处理内容的滚动布局，配合ScrollState实现滚动状态管理：

HorizontalPager(
    count = showPagerEntries,
    state = pagerState,
    modifier = Modifier
        .fillMaxWidth()
        .clip(RoundedCornerShape(topStart = 12.dp, topEnd = 12.dp))
) { pageIndex ->
    Column(
        modifier = Modifier
            .fillMaxWidth()
            .height(506.dp)
            .background(colorResource(id = R.color.white))
            .verticalScroll(scrollState) // 替换为verticalScroll
    ) {
        // 这里放置你的文本、图片等元素，需要确保总高度超过506.dp才会触发滚动
    }
}

注意：要保证Column内部元素的总高度大于设置的506.dp，否则不会出现滚动效果。

方案二：使用LazyColumn（推荐） #

如果你的内容是列表类结构，更推荐用LazyColumn，它支持懒加载，性能更优，无需额外处理滚动状态：

HorizontalPager(
    count = showPagerEntries,
    state = pagerState,
    modifier = Modifier
        .fillMaxWidth()
        .clip(RoundedCornerShape(topStart = 12.dp, topEnd = 12.dp))
) { pageIndex ->
    LazyColumn(
        modifier = Modifier
            .fillMaxWidth()
            .height(506.dp)
            .background(colorResource(id = R.color.white))
    ) {
        // 用items添加你的列表项
        items(yourItemList) { item ->
            // 每个列表项的布局
        }
        // 也可以直接添加单个元素
        item {
            Text(text = "示例文本")
        }
    }
}

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