Jetpack Compose：以非弃用方式实现仅在系统导航栏后方绘制内容及相关问题解决

我来一步步帮你搞定这些问题，咱们一个一个捋清楚：

一、用非弃用API实现「仅导航栏后绘制，状态栏不透明」 #

你之前直接修改window.navigationBarColor的方式已经被弃用，官方推荐用Insets相关API来控制系统栏的显示逻辑，咱们换个更合规的方式：

核心思路 #

1. 调用enableEdgeToEdge()：这个方法会自动让导航栏透明，允许布局延伸到导航栏区域（实现绘制在导航栏后）
2. 手动设置状态栏颜色：让状态栏保持不透明，避免布局绘制在状态栏后
3. 用Compose的statusBarsPadding()：让布局顶部避开状态栏区域，保证状态栏的独立显示

代码实现 #

在Activity中完成基础配置：

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        // 启用EdgeToEdge，自动让导航栏透明
        enableEdgeToEdge()
        
        // 设置状态栏颜色（这里用系统蓝色示例，你可以换成自己的主题色）
        window.statusBarColor = ContextCompat.getColor(this, android.R.color.holo_blue_light)
        
        setContent {
            ApplicationTheme {
                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
                    // 后续布局逻辑
                }
            }
        }
    }
}

这样就完全不需要手动设置window.navigationBarColor，自然也就不会有弃用警告了～

二、解决adjustResize不生效的问题 #

当使用enableEdgeToEdge()时，软键盘的adjustResize需要配合Compose的IME Insets处理才能生效，只需要在布局中添加imePadding()即可：

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Column(
        modifier = modifier
            .background(Color.Red)
            .fillMaxWidth()
            .imePadding() // 关键：添加这个处理软键盘Insets
    ) {
        // 你的布局内容...
    }
}

这个Modifier会自动监听软键盘的弹出/收起，触发布局调整，完美解决adjustResize失效的问题。

三、消除配置变化时的代码重复和重组失效问题 #

你遇到的重组失效，大概率是因为没有用remember缓存基于方向的Modifier计算结果。咱们可以用remember配合LocalConfiguration，既消除代码重复，又保证方向变化时自动重组：

优化后的布局逻辑 #

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    val orientation = LocalConfiguration.current.orientation
    
    // 用remember缓存Modifier，方向变化时自动更新
    val adjustedModifier = remember(orientation) {
        modifier.then(
            if (orientation == ORIENTATION_PORTRAIT) {
                Modifier.statusBarsPadding()
            } else {
                Modifier.statusBarsPadding().navigationBarsPadding()
            }
        )
    }

    Column(
        modifier = adjustedModifier
            .background(Color.Red)
            .fillMaxWidth()
            .imePadding()
    ) {
        Text(text = "Top of $name!")
        var text by remember { mutableStateOf("foo") }
        TextField(
            value = text,
            onValueChange = { text = it },
            colors = OutlinedTextFieldDefaults.colors(
                unfocusedContainerColor = Color.Yellow
            )
        )
        Spacer(Modifier.weight(1.0f))
        Text(text = "Bottom of $name!")
    }
}

LocalConfiguration.current.orientation是可观察的State，当横竖屏切换时会自动触发重组；配合remember(orientation)缓存Modifier，既能避免重复计算，又能保证方向变化时Modifier实时更新。

整合后的完整MRE代码 #

package com.stackoverflow.drawbehindnavigationbar4

import android.content.res.Configuration.ORIENTATION_PORTRAIT
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.activity.enableEdgeToEdge
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.imePadding
import androidx.compose.foundation.layout.navigationBarsPadding
import androidx.compose.foundation.layout.statusBarsPadding
import androidx.compose.material3.OutlinedTextFieldDefaults
import androidx.compose.material3.Scaffold
import androidx.compose.material3.Text
import androidx.compose.material3.TextField
import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.LocalConfiguration
import com.stackoverflow.drawbehindnavigationbar4.ui.theme.ApplicationTheme
import androidx.core.content.ContextCompat

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        
        // 设置状态栏不透明
        window.statusBarColor = ContextCompat.getColor(this, android.R.color.holo_blue_light)
        
        setContent {
            ApplicationTheme {
                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
                    val orientation = LocalConfiguration.current.orientation
                    val baseModifier = remember(orientation) {
                        Modifier.padding(innerPadding).then(
                            if (orientation == ORIENTATION_PORTRAIT) {
                                Modifier.statusBarsPadding()
                            } else {
                                Modifier.statusBarsPadding().navigationBarsPadding()
                            }
                        )
                    }
                    
                    Greeting(
                        name = "Whatever",
                        modifier = baseModifier
                    )
                }
            }
        }
    }
}

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Column(
        modifier = modifier
            .background(Color.Red)
            .fillMaxWidth()
            .imePadding()
    ) {
        Text(text = "Top of $name!")
        var text by remember { mutableStateOf("foo") }
        TextField(
            value = text,
            onValueChange = { text = it },
            colors = OutlinedTextFieldDefaults.colors(
                unfocusedContainerColor = Color.Yellow
            )
        )
        Spacer(Modifier.weight(1.0f))
        Text(text = "Bottom of $name!")
    }
}

最后再划个重点 #

1. 靠enableEdgeToEdge()自动实现导航栏透明，规避弃用API
2. 用statusBarsPadding()+状态栏颜色设置，实现状态栏不透明的需求
3. 添加imePadding()解决软键盘adjustResize失效问题
4. 用remember(orientation)缓存Modifier，消除代码重复+保证配置变化时自动重组

内容来源于stack exchange