Jetpack Compose中键盘弹出后TopAppBar高度异常增高问题

核心原因 #

启用enableEdgeToEdge()后，系统状态栏Insets需手动处理，但默认情况下Scaffold会自动为TopAppBar添加状态栏内边距。当键盘触发adjustResize窗口重绘时，Scaffold的Insets计算逻辑出现冲突，导致TopAppBar被重复添加顶部内边距，进而出现高度增加、位置偏移的问题。

解决方案 #

步骤1：禁用Scaffold的自动Insets处理 #

明确告知Scaffold不要自动处理系统Insets，避免和手动Insets逻辑冲突：

Scaffold(
    windowInsets = WindowInsets(0), // 关键：禁用Scaffold默认Insets处理
    topBar = { /* ... */ },
    bottomBar = { /* ... */ }
) { padding ->
    // 内容区域
}

步骤2：为TopAppBar添加精准的状态栏内边距 #

给TopAppBar单独设置仅针对顶部的状态栏Insets padding，确保无论窗口是否resize，内边距都只添加一次：

TopAppBar(
    modifier = Modifier
        .onGloballyPositioned { /* 日志测量 */ }
        .windowInsetsPadding(WindowInsets.statusBars.only(WindowInsetsSides.Top)), // 仅顶部应用状态栏内边距
    title = { Text("Caliinda") },
    actions = { /* ... 操作按钮 ... */ }
)

步骤3：确保内容区域的正确padding #

Scaffold的content padding现在仅包含TopAppBar和BottomBar的高度，需手动添加系统状态栏的顶部内边距（避免内容被状态栏遮挡），同时保留原有水平/垂直padding：

Column(
    modifier = Modifier
        .fillMaxSize()
        .padding(scaffoldPaddingValues)
        .windowInsetsPadding(WindowInsets.statusBars.only(WindowInsetsSides.Top)) // 内容区域顶部加状态栏内边距
        .padding(horizontal = 16.dp, vertical = 8.dp)
) {
    // 内容区域
}

修改后的完整核心代码 #

@OptIn(ExperimentalMaterial3Api::class, ExperimentalLayoutApi::class)
@Composable
fun MainScreen(viewModel: MainViewModel) {
    // ... state, launchers, effects ...
    Scaffold(
        windowInsets = WindowInsets(0), // 禁用Scaffold默认Insets处理
        snackbarHost = { /* ... */ },
        topBar = {
            TopAppBar(
                modifier = Modifier
                    .onGloballyPositioned { /* Log height */ }
                    .windowInsetsPadding(WindowInsets.statusBars.only(WindowInsetsSides.Top)),
                title = { Text("Caliinda") },
                actions = { /* ... Actions Row ... */ }
            )
        },
        bottomBar = {
            InputBar( /* ... Params ... */ )
        },
    ) { scaffoldPaddingValues ->
        Column(
            modifier = Modifier
                .fillMaxSize()
                .padding(scaffoldPaddingValues)
                .windowInsetsPadding(WindowInsets.statusBars.only(WindowInsetsSides.Top))
                .padding(horizontal = 16.dp, vertical = 8.dp)
        ) {
            // Content Area
        }
    }
}

为什么之前的方案无效？ #

1. 直接给TopAppBar加windowInsetsPadding但未禁用Scaffold的自动Insets：Scaffold已经为TopAppBar的父容器添加了状态栏内边距，导致TopAppBar自身又叠加了一次内边距，位置进一步下移。
2. 在Scaffold外层加Insets处理：Scaffold内部的TopAppBar仍会自动处理Insets，导致重复计算。

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