Jetpack Compose 屏幕方向问题：是否有类似Flutter的Orientation辅助类？

嘿，这个问题问得很到位！Jetpack Compose里虽然没有和Flutter那个Orientation辅助类完全一一对应的工具，但我们有更贴合Android生态的方式来监听屏幕方向变化，轻松调整布局。

核心方案：利用LocalConfiguration自动响应方向变化 #

Compose和Android系统深度绑定，我们可以通过LocalConfiguration这个CompositionLocal来获取当前的设备配置信息，其中就包含屏幕方向。而且Compose的重组特性会帮我们自动处理配置变化——当屏幕方向切换时，使用了LocalConfiguration的Compose函数会自动重新执行，更新布局。

举个简单的例子，根据横竖屏切换布局排列方式：

@Composable
fun AdaptiveLayout() {
    // 获取当前配置
    val configuration = LocalConfiguration.current
    // 判断是否为横屏
    val isLandscape = configuration.orientation == Configuration.ORIENTATION_LANDSCAPE

    Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
        if (isLandscape) {
            // 横屏时用Row横向排列
            Row(modifier = Modifier.padding(16.dp)) {
                Text("横向布局项1", modifier = Modifier.weight(1f), textAlign = TextAlign.Center)
                Text("横向布局项2", modifier = Modifier.weight(1f), textAlign = TextAlign.Center)
            }
        } else {
            // 竖屏时用Column纵向排列
            Column(modifier = Modifier.padding(16.dp)) {
                Text("纵向布局项1", modifier = Modifier.fillMaxWidth(), textAlign = TextAlign.Center)
                Text("纵向布局项2", modifier = Modifier.fillMaxWidth(), textAlign = TextAlign.Center)
            }
        }
    }
}

手动监听方向变化（可选） #

如果你需要在方向变化时执行一些额外的逻辑（比如记录日志、触发动画），可以通过广播接收器来手动监听配置变化，结合Compose的DisposableEffect来管理生命周期：

@Composable
fun OrientationChangeLogger() {
    val context = LocalContext.current
    // 用State来保存当前方向，触发重组
    val currentOrientation = remember { mutableStateOf(Configuration.ORIENTATION_PORTRAIT) }

    DisposableEffect(context) {
        // 创建广播接收器监听配置变化
        val receiver = object : BroadcastReceiver() {
            override fun onReceive(context: Context?, intent: Intent?) {
                if (intent?.action == Intent.ACTION_CONFIGURATION_CHANGED) {
                    context?.resources?.configuration?.let { config ->
                        currentOrientation.value = config.orientation
                        // 这里可以添加自定义逻辑，比如打印日志
                        println("屏幕方向切换为：${if (config.orientation == Configuration.ORIENTATION_LANDSCAPE) "横屏" else "竖屏"}")
                    }
                }
            }
        }
        // 注册接收器
        context.registerReceiver(receiver, IntentFilter(Intent.ACTION_CONFIGURATION_CHANGED))

        // 组件销毁时注销接收器
        onDispose {
            context.unregisterReceiver(receiver)
        }
    }

    Text(
        text = "当前屏幕方向：${if (currentOrientation.value == Configuration.ORIENTATION_LANDSCAPE) "横屏" else "竖屏"}",
        modifier = Modifier.padding(16.dp)
    )
}

小提示 #

• 确保你的Activity在AndroidManifest.xml中没有设置android:configChanges="orientation|screenSize"，否则系统不会自动重建Activity，虽然Compose的重组依然会生效，但如果有依赖Activity重建的逻辑可能会受影响。
• LocalConfiguration不仅能获取方向，还能拿到屏幕尺寸、字体缩放等其他配置信息，适配布局时非常实用。

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