Horizo​​ntalPager 不同高度的内容页面

sim*_*nes 11 android kotlin android-jetpack-compose

在可滚动列内,我有一个水平寻呼机,上面有两页。其中一个包含很长的内容列表,而另一个则短得多。在较小的一个上,我在底部有一个很大的区域,我可以向下滚动,但没有任何内容,我怀疑是因为长列表的高度。另外,如果我滚动到较长页面的底部,然后滑动到另一页,那么我只会得到一个空白屏幕,并且必须向上滚动到实际内容。

如何限制用户向下滚动到较短页面上的实际内容下方?

Column(
    modifier = Modifier
        .align(Alignment.TopStart)
        .fillMaxWidth()
        .verticalScroll(rememberScrollState())
) {

    someOtherContent() // for example around 400.dp height
    
    HorizontalPager(
        state = pagerState,
        verticalAlignment = Alignment.Top
    ) { i ->
        when (i) {
            0 -> {
                Column(
                    modifier = Modifier.fillMaxWidth().height(450.dp)
                ) {
                    ... not too much content
                }
            }
            1 -> {
                Column(
                    modifier = Modifier.fillMaxWidth().height(2000.dp)
                ) {
                    ... many rows of content
                }
            }
        }
    }
}
Run Code Online (Sandbox Code Playgroud)