如何让部分Composable随屏幕方向变化响应，其余不重组？

问题分析 #

你需要让一个Composable在屏幕旋转时正常重组响应，另一个完全不受方向变化影响（不重组、布局保持竖屏），之前的两种方法都没命中核心问题：

• 方法1修改LocalConfiguration的副本没用，因为系统的Configuration是全局可观察State，变化时仍会触发所有依赖它的组件重组；
• 方法2仅做视觉旋转，布局约束还是跟着当前方向走，所以会裁切，同时组件依然会重组。

可行方案 #

方案1：用remember固定不重组的组件内容 #

通过remember捕获不需要重组的Composable内容，让它只在首次加载时执行一次，后续方向变化不会触发重组：

@Composable
fun DualComponentLayout() {
    // 响应旋转的组件：会随方向变化重组
    Box(modifier = Modifier.fillMaxSize()) {
        Text("当前方向：${if (LocalConfiguration.current.orientation == Configuration.ORIENTATION_LANDSCAPE) "横屏" else "竖屏"}")
    }

    // 不响应旋转的组件：仅首次加载时创建，后续不会重组
    val nonRotatingContent = remember {
        @Composable {
            Box(
                modifier = Modifier.fillMaxSize(),
                contentAlignment = Alignment.Center
            ) {
                Text("我不会随旋转重组，始终保持初始布局")
            }
        }
    }
    nonRotatingContent()
}

原理：remember会缓存lambda中的Composable实例，只有当指定的key（这里无key，永久缓存）变化时才会重新创建，所以方向变化不会触发这个组件的重组。

方案2：固定布局尺寸+视觉旋转（解决裁切问题） #

如果需要不重组的组件在横屏时保持竖屏尺寸且内容不裁切，结合remember保存初始屏幕尺寸，再动态调整Modifier：

@Composable
fun DualComponentLayout() {
    val context = LocalContext.current
    // 记住初始竖屏的屏幕尺寸，不会随方向变化更新
    val initialScreenSize = remember {
        val metrics = context.resources.displayMetrics
        Pair(metrics.widthPixels.dp, metrics.heightPixels.dp)
    }

    // 监听方向变化，但仅用于调整Modifier
    val currentOrientation = remember {
        deriveStateOf { LocalConfiguration.current.orientation }
    }

    // 响应旋转的组件
    Box(modifier = Modifier.fillMaxSize()) {
        Text("当前宽度：${LocalConfiguration.current.screenWidthDp}dp")
    }

    // 不响应旋转的组件：布局保持竖屏尺寸，视觉旋转适配横屏
    Box(
        modifier = remember(currentOrientation.value) {
            if (currentOrientation.value == Configuration.ORIENTATION_LANDSCAPE) {
                Modifier
                    .size(width = initialScreenSize.first, height = initialScreenSize.second)
                    .rotate(90f)
                    .align(Alignment.Center)
            } else {
                Modifier.fillMaxSize()
            }
        }
    ) {
        // 这里的内容不会重组，因为没有依赖变化的State
        Text("我始终保持竖屏尺寸，内容不会被裁切")
    }
}

原理：

1. initialScreenSize用remember缓存，永远是竖屏时的尺寸；
2. currentOrientation用deriveStateOf包装，只有方向变化时才更新；
3. Modifier用remember(currentOrientation.value)缓存，仅方向变化时调整，而组件内部的内容（如Text）因为没有依赖变化的State，不会触发重组。

补充说明 #

• 若不重组的组件需要依赖某些State，确保这些State不包含方向相关的配置，或者用remember固定这些依赖的初始值；
• 避免直接修改LocalConfiguration的副本，因为系统的Configuration流是全局的，无法通过局部覆盖阻止重组。

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