Composable组件在HorizontalPager中交互失效问题求助

核心问题是你存储的是Composable函数执行后的Unit结果，而非Composable本身的引用，导致这些UI组件脱离了Compose的状态管理体系，无法响应交互。

为什么会失效？ #

Composable函数调用后返回的是Unit，当你把FirstScreen()、SecondScreen()的执行结果放进List<Unit>时，本质上只是存储了静态的UI渲染快照，没有保留Composable的状态追踪、重组能力。HorizontalPager加载这些Unit时，无法将它们纳入Compose的状态管理树，自然无法处理点击、焦点这类依赖状态变化的交互。

修复步骤 #

1. 修改列表类型：把列表从List<Unit>改为List<@Composable () -> Unit>，存储Composable函数的引用，而非执行结果。
2. 在Pager中调用Composable：在HorizontalPager的item块内，调用列表中存储的Composable函数，让它处于Compose的重组上下文里。

错误写法示例 #

// 错误：直接存储Composable执行后的Unit
val screens = listOf(
    FirstScreen(),
    SecondScreen()
)

Scaffold { padding ->
    HorizontalPager(count = screens.size) { index ->
        screens[index] // 仅显示静态快照，无交互
    }
}

正确写法示例 #

// 正确：存储Composable函数引用
val screens = listOf<@Composable () -> Unit>(
    { FirstScreen() },
    { SecondScreen() }
)

Scaffold { padding ->
    HorizontalPager(count = screens.size) { index ->
        screens[index]() // 在这里调用Composable，纳入状态管理
    }
}

这样修改后，每个页面的Composable都会在Pager的重组周期内被正确创建，状态变化和交互事件都能被Compose正常处理，按钮点击、输入框焦点等操作就会恢复响应。

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