Android Jetpack Compose 导航不起作用

Question

我正在使用 Jetpack Compose 制作一个 android 应用程序，但我遇到了问题。 我使用导航来更改屏幕。 我想将 firstRunLayout 更改为 loginLayout。 您可以看到我放置了该 log.d 代码以检查这是否有效，我发现 logcat 成功打印了该代码。 我想在导航时更改屏幕。 我的代码有问题吗？

@Composable
fun setUpNavHost(navController: NavHostController) {
    NavHost(navController = navController, startDestination = Screen.FirstRun.route) {
        composable(route = Screen.FirstRun.route) {
            firstRunLayout(navController)
            Log.d("NavHost", "FirstRun")
        }
        composable(route = Screen.Login.route) {
            loginLayout()
            Log.d("NavHost", "Login")
        }
    }
}

ps 我检查了这些布局中是否有可组合注释。

Button(onClick = {
                    Log.d("FirstRunActivity", "Button clicked")
                    navController.navigate(route = Screen.Login.route)
                }, colors = ButtonDefaults.buttonColors(backgroundColor = Color(0xFFEF4746)), modifier = Modifier
                    .height(40.dp)
                    .width(300.dp), shape = RoundedCornerShape(50)) {
                    Text(text = "Continue", fontSize = 15.sp, color = Color.White)
                }

我使用按钮导航。 您可以在上面看到 navController.navigate。 此外，这也是声明此 navController 的方式。

class FirstRunActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MemorizableTheme {
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = Color(0xFFEF4746)
                ) {
                    val navController = rememberNavController()
                    setUpNavHost(navController = navController)
                    
                    firstRunLayout(navController)
                }
            }
        }
    }
}

Answer 1

问题出在您的Activity中，您调用了navHost ，然后调用了firstRunLayout屏幕，因此firstRunLayout屏幕将位于navHost的顶部，您需要删除 Activity 中对firstRunLayout的调用，因此您的代码应如下所示这个：

class FirstRunActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MemorizableTheme {
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = Color(0xFFEF4746)
                ) {
                    val navController = rememberNavController()
                    setUpNavHost(navController = navController)
                }
            }
        }
    }
}