如何在 Jetpack compose 中检测 Horizo​​ntalPager 中的滑动？

Question

我如何检测用户何时从一个选项卡滑动到第二个选项卡等HorizontalPager()?

val pagerState = rememberPagerState(initialPage = 0)
HorizontalPager(count = TabCategory.values().size, state = pagerState) { index ->
    Box(
        modifier = Modifier
            .fillMaxSize()
            .background(MaterialTheme.colors.onBackground)
    ) {
        when (TabCategory.values()[index]) {
            TabCategory.Opinion -> { }
            TabCategory.Information -> { }
            TabCategory.Videos -> { }
        }
    }
}

Answer 1

在您的视图模型中，创建一个 pagerState 并监视其 currentPage：

class MyViewModel : ViewModel() {

    val pagerState = PagerState()

    init {
        viewModelScope.launch {
            snapshotFlow { pagerState.currentPage }.collect { page ->
                // Page is the index of the page being swiped.
            }
        }
    }
}

在您的可组合项中，使用 pagerState：

HorizontalPager(
  state = myViewModel.pagerState,
) { page ->

}