viewpager jetpack compose 中的垂直滾動不起作用

Question

使用 Accompanist 在 Horizontal View Pager 中遇到垂直滾動問題。 無法在 HorizontalViewPager 中垂直滾動列。 因此，請查看代碼並更正如何修復它或任何其他解決方案。 如果可能的話，將不勝感激。

                HorizontalPager(
                count = 10,
                modifier = Modifier.fillMaxSize()
            ) { page ->



                Column(
                    modifier = Modifier
                        .fillMaxWidth()
                        .fillMaxHeight(),
                ){
                    ScoreCardListItem()
                    Spacer(modifier = Modifier.height(16.dp))
                    ScoreCardListItem()
                    Spacer(modifier = Modifier.height(16.dp))
                    ScoreCardListItem()
                    Spacer(modifier = Modifier.height(16.dp))
                    ScoreCardListItem()
                    Spacer(modifier = Modifier.height(16.dp))
                    ScoreCardListItem()
                    Spacer(modifier = Modifier.height(16.dp))
                    ScoreCardListItem()
                    Spacer(modifier = Modifier.height(16.dp))
                    ScoreCardListItem()
                }
            }

使用 Column 時無法垂直滾動。 如果嘗試使用 LazyColumn ，則會產生錯誤。 這是伴奏者 ViewPager 鏈接伴奏者庫

Answer 1

使用 LazyColumn 檢查

           LazyColumn(
            modifier = Modifier
                .padding(16.dp)
                .fillMaxSize()
             ) {
                 item {
                    ScoreCardListItem()
                    Spacer(modifier = Modifier.height(16.dp))
                    ScoreCardListItem()
                    Spacer(modifier = Modifier.height(16.dp))
                    ScoreCardListItem()
                    Spacer(modifier = Modifier.height(16.dp))
                    ScoreCardListItem()
                    Spacer(modifier = Modifier.height(16.dp))
                    ScoreCardListItem()
                    Spacer(modifier = Modifier.height(16.dp))
                    ScoreCardListItem()
                    Spacer(modifier = Modifier.height(16.dp))
                    ScoreCardListItem()
                   }
                }

Answer 2

另一種可能的解決方案是使用 Modifier 的垂直滾動屬性。 就像下面的代碼

modifier = Modifier
            .verticalScroll(rememberScrollState())