如何处理 Jetpack Compose 中的导航？

在 Jetpack Compose 中，导航应该如何完成？所有（并不多）示例（包括来自 Google 的官方示例）都使用密封类并加载新屏幕以响应观察当前屏幕的变化。这确实（有点）有效，但不提供导航返回堆栈，并且手机的后退按钮完全不知道，只是关闭应用程序而不是返回到上一个屏幕。这是否应该以某种方式与 AndroidX 的导航组件融合 - 但它是基于 XML 的，而 Compose 就是要摆脱 XML？或者是否有一个全新的导航概念即将到来，也许类似于 SwiftUI（navigationlink 等）？这似乎是最大的障碍之一——因为没有导航，你只能拥有一个玩具应用程序。有人知道这里的路线图吗？

新的 Jetpack 库已发布用于 Compose 导航。它仍处于阿尔法阶段。

在这个新库中，现在用户可以使用导航组件功能在不同的可组合项之间进行导航。

Using 导航撰写:

dependencies {
    def nav_compose_version = "1.0.0-alpha01"
    implementation "androidx.navigation:navigation-compose:$nav_compose_version"
}

Example:

Step 1:创建一个NavController通过使用rememberNavController()可组合项中的方法：Link https://developer.android.com/jetpack/compose/navigation#getting-started:

val navController = rememberNavController()

Step 2:创建NavHost需要NavController以前通过创建rememberNavController()以及图表起始目的地的路线：Link https://developer.android.com/jetpack/compose/navigation#create-navhost.

NavHost(navController, startDestination = "profile") {
    composable("profile") { Profile(...) }
    composable("friendslist") { FriendsList(...) }
    ...
}

Step 3:导航到可组合使用navigate():

fun Profile(navController: NavController) {
    ...
    Button(onClick = { navController.navigate("friends") }) {
        Text(text = "Navigate next")
    }
    ...
}

检查更多https://developer.android.com/jetpack/compose/navigation https://developer.android.com/jetpack/compose/navigation