Android Compose HorizontalPager非显示页面逻辑执行问题修复问询

HorizontalPager默认会预加载当前页面左右各1个页面（offscreenLimit默认值为1），这就导致未显示的页面也会被Compose组合并执行内部逻辑。可以通过以下两种方式解决：

方法一：关闭预加载 #

直接设置offscreenLimit为0，让HorizontalPager只加载当前显示的页面：

val pagerState = rememberPagerState(initialPage = 0) { 4 }
HorizontalPager(
    state = pagerState,
    offscreenLimit = 0 // 仅加载当前可见页面
) { page ->
    when (page) {
        0 -> PostScreen()
        1 -> ImageScreen()
        2 -> VideoScreen()
        3 -> MyInfoScreen()
    }
}

注意：这种方式会导致页面切换时才开始加载内容，可能出现短暂的加载延迟，适合页面内容较轻的场景。

方法二：子页面懒加载逻辑 #

保持预加载机制，但让子页面仅在可见时执行核心逻辑，既不影响滑动流畅度，又能避免无效逻辑执行：

步骤1：在子页面中添加可见性判断 #

@Composable
fun PostScreen(isVisible: Boolean) {
    // 仅当页面可见时执行初始化、数据请求等逻辑
    LaunchedEffect(isVisible) {
        if (isVisible) {
            fetchPostData()
            initPageResources()
        }
    }

    // 页面UI内容
    Column {
        // ...
    }
}

步骤2：在Pager中传递可见状态 #

val pagerState = rememberPagerState(initialPage = 0) { 4 }
HorizontalPager(
    state = pagerState
) { page ->
    // 监听当前页面是否为当前组合的page
    val isPageVisible = remember {
        derivedStateOf { pagerState.currentPage == page }
    }

    when (page) {
        0 -> PostScreen(isVisible = isPageVisible.value)
        1 -> ImageScreen(isVisible = isPageVisible.value)
        2 -> VideoScreen(isVisible = isPageVisible.value)
        3 -> MyInfoScreen(isVisible = isPageVisible.value)
    }
}

这种方式更推荐用于包含网络请求、媒体加载等耗时操作的页面，平衡滑动流畅度与资源消耗。

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