Jetpack Compose Navigation页面不显示，长按后才出现的问题排查

成因分析 #

1. NavHost未占据全屏：代码中的NavHost未设置Modifier.fillMaxSize()，默认尺寸为包裹内容（wrapContent），初始渲染时未占据屏幕空间，导致界面空白；长按空白区域触发Compose重组机制，NavHost重新计算布局尺寸后才正常显示内容。
2. 旧版本兼容性问题：使用的Navigation Compose版本2.5.3属于较早版本，与Material3组件存在部分渲染兼容性问题，加剧了初始界面空白的异常表现。

修复步骤 #

修复1：给NavHost添加全屏修饰符 #

修改MainActivity中的NavHost代码，添加Modifier.fillMaxSize()确保其占据整个屏幕：

NavHost(
    navController = navController,
    startDestination = "younes1",
    modifier = Modifier.fillMaxSize() // 添加该修饰符
) {
    composable(route = "younes1") {
        NoteScreen(text = "younes1", navController)
    }
    composable(route = "younes2") {
        NoteScreen(text = "younes2", navController)
    }
}

修复2：升级Navigation Compose版本 #

将导航依赖版本升级到兼容Material3的最新稳定版（示例使用2.7.7，可根据官方发布情况调整），修改gradle配置：

def nav_version = "2.7.7"
implementation "androidx.navigation:navigation-compose:$nav_version"

完成以上任意一项修复后，重新运行应用，初始界面即可正常显示导航配置的页面。

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