Jetpack Compose：深度链接后底栏导航无响应

Question

我在我的新 Jetpack Compose 应用程序中设置了一个底栏，其中包含 2 个目的地。我尝试遵循 Google.

中的示例

例如，它看起来像这样：

@Composable
fun MyBottomBar(navController: NavHostController) {
    val items = listOf(
        BottomNavigationScreen.ScreenA,
        BottomNavigationScreen.ScreenB
    )
    val navBackStackEntry by navController.currentBackStackEntryAsState()
    val currentDestination = navBackStackEntry?.destination

    BottomNavigation {
        items.forEach { screen ->
            BottomNavigationItem(
                onClick = {
                    navController.navigate(screen.route) {
                        popUpTo(navController.graph.findStartDestination().id) {
                            saveState = true
                        }

                        launchSingleTop = true
                        restoreState = true

                    }
                },
                selected = currentDestination?.hierarchy?.any { it.route == screen.route } == true,
                icon = { Icon(imageVector = screen.icon, contentDescription = null) },
                label = { Text(stringResource(screen.label)) }
            )
        }
    }
}

一切正常，我可以在两个目的地之间导航。不过，我也有一个很深的-link到ScreenB。一旦它被调用，按下 ScreenA 按钮似乎什么都不做（如果我添加日志记录，我可以看到 currentDestination 被重复设置为 ScreenB）但是按下 returns 到 startDestination ScreenA.

我目前的解决方法是从示例代码中删除 restoreState = true 行。

我怀疑关于 deep-link 的某些东西一直存在，虽然它试图转到 ScreenA，但导航组件说它有一个指向 ScreenB 的 deep-link 所以它只是去那里。我尝试重置 activity 意图，使其在意图中没有标志和数据，我什至尝试更改意图操作类型，但都无济于事。

我正在使用 Compose 1.0.0-rc02 和 Compose Navigation 2.4.0-alpha04。

我是不是做错了什么或者这是一个错误？

Answer 1

我知道您从官方文档中获得了这段代码，但我认为它不适用于底部导航。它将元素保留在导航堆栈中，因此从 ScreenB 按下后退按钮会将您带回到 ScreenA，在我看来，在这种情况下这不是正确的行为。

这就是为什么最好从堆栈中删除所有元素，以便始终只留下一个选项卡。使用 saveState 无论如何你都不会丢失状态。这可以按如下方式完成：

fun NavHostController.navigateBottomNavigationScreen(screen: BottomNavigationScreen) = navigate(screen.route) {
    val navigationRoutes = BottomNavigationScreen.values()
        .map(BottomNavigationScreen::route)
    val firstBottomBarDestination = backQueue
        .firstOrNull { navigationRoutes.contains(it.destination.route) }
        ?.destination
    if (firstBottomBarDestination != null) {
        popUpTo(firstBottomBarDestination.id) {
            inclusive = true
            saveState = true
        }
    }
    launchSingleTop = true
    restoreState = true
}

并像这样使用它：

BottomNavigationItem(
    onClick = {
        navController.navigateBottomNavigationScreen(screen)
    },
    selected = currentDestination?.hierarchy?.any { it.route == screen.route } == true,
    icon = { Icon(imageVector = screen.icon, contentDescription = null) },
    label = { Text(screen.label) }
)

出于同样的原因，在这种情况下我不会使用深度 link 导航。相反，您手动处理它们。如果您离开底部导航视图并返回，您可以使用视图模型不重新处理深度 link：

class DeepLinkProcessingViewModel : ViewModel() {
    private var deepLinkProcessed = false

    fun processDeepLinkIfAvailable(context: Context): String? {
        if (!deepLinkProcessed) {
            val activity = context.findActivity()
            val intentData = activity?.intent?.data?.toString()

            deepLinkProcessed = true
            return intentData
        }
        return null
    }
}

并且使用此视图模型，您可以像这样计算起始目的地：

val context = LocalContext.current
val deepLinkProcessingViewModel = viewModel<DeepLinkProcessingViewModel>()
val startDestination = rememberSaveable(context) {
    val deepLink = deepLinkProcessingViewModel.processDeepLinkIfAvailable(context)
    if (deepLink == "example://playground") {
        // deep link handled
        BottomNavigationScreen.ScreenB.route
    } else {
        // default start destination
        BottomNavigationScreen.ScreenA.route
    }
}
NavHost(navController = navController, startDestination = startDestination) {
    ...
}

或者，如果你的底部导航前面有几个导航元素，你不想用深link丢失它们，你可以这样做：

val navController = rememberNavController()
val context = LocalContext.current
val deepLinkProcessingViewModel = viewModel<DeepLinkProcessingViewModel>()
LaunchedEffect(Unit) {
    val deepLink = deepLinkProcessingViewModel.processDeepLinkIfAvailable(context) ?: return@LaunchedEffect
    if (deepLink == "example://playground") {
        navController.navigateBottomNavigationScreen(BottomNavigationScreen.ScreenB)
    }
}
NavHost(
    navController = navController,
    startDestination = BottomNavigationScreen.ScreenA.route
) {

findActivity:

fun Context.findActivity(): Activity? = when (this) {
    is Activity -> this
    is ContextWrapper -> baseContext.findActivity()
    else -> null
}

Answer 2

看起来它终于在 2.4.0-beta02 版本中修复了；所以这毕竟是一个错误。

我能够将 saveState 和 restoreState 命令添加回我的 BottomBar（根据文档）并按照深度 link 我现在仍然能够单击初始目标。

Jetpack Compose：深度链接后底栏导航无响应

Jetpack Compose: Bottom bar navigation not responding after deep-linking

deep-linking

android-architecture-navigation

android-jetpack-compose