Jetpack Compose Navigation问题：Activity内容与启动屏幕重叠

这不是预期行为，问题出在UI元素的绘制顺序和重复的主题/容器嵌套上，具体原因和解决方法如下：

问题根源 #

1. 绘制顺序导致覆盖：Compose中UI元素按代码编写顺序从上到下绘制，后写的元素会叠加在前面的元素之上。你在MainActivity里写完NavHost后直接写了Greeting()，这个Greeting会完全覆盖NavHost（包括其中的HomeScreen）的内容。
2. 重复嵌套主题容器：HomeScreen里重复嵌套了NavigationTestTheme和Surface，而MainActivity已经设置了全局主题和全屏Surface，重复嵌套会产生额外层级，甚至干扰背景显示逻辑。

解决步骤 #

步骤1：调整MainActivity的UI结构 #

把Greeting()要么删除（如果不需要这个全局元素），要么用布局容器控制显示顺序，比如用Column让它和NavHost上下排列：

修改后的MainActivity代码：

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            NavigationTestTheme {
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colorScheme.background
                ) {
                    val myNavController = rememberNavController()
                    // 如需Greeting作为顶部元素，用Column包裹
                    Column(modifier = Modifier.fillMaxSize()) {
                        Greeting()
                        NavHost(navController = myNavController, startDestination = "home"){
                            composable("home"){ HomeScreen() }
                            composable("second"){ SecondScreen()}
                            composable("third"){ ThirdScreen()}
                        }
                    }
                    // 如不需要Greeting，直接保留NavHost即可
                    // NavHost(navController = myNavController, startDestination = "home"){
                    //     composable("home"){ HomeScreen() }
                    //     composable("second"){ SecondScreen()}
                    //     composable("third"){ ThirdScreen()}
                    // }
                }
            }
        }
    }
}

步骤2：简化HomeScreen的Composable #

去掉重复的NavigationTestTheme和Surface，全局主题已在MainActivity中设置，无需重复嵌套：

修改后的HomeScreen代码：

@Composable
fun HomeScreen(){
    GreetingHome()
}

调整后，HomeScreen的内容会正常显示，不会被Greeting()覆盖，同时UI层级更简洁合理。

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