CODEWITHSUNDEEP
androidandroid-jetpack-composeandroid-navigationandroid-jetpack-navigation
Thai Manh
Thai Manh

Reputation: 85

Get current screen in Navigation Type-safety Jetpack Compose

Screens

@Serializable
sealed class Screen {
    @Serializable
    data object Home : Screen()

    @Serializable
    data class Profile(val name: String) : Screen()
}

Set up navigation

@Composable
fun AppNavigation(
    modifier: Modifier = Modifier,
    startDestination: Screen = Screen.Home,
    navController: NavHostController = rememberNavController()
) {
    val currentNavBackStackEntry: NavBackStackEntry? by navController.currentBackStackEntryAsState()

    // Error
    val currentScreen: Screen = currentNavBackStackEntry?.toRoute<Screen>() ?: Screen.Home

    val navGraph = navController.createGraph(
        startDestination = startDestination,
    ) {
        composable<Screen.Home> {
            HomeScreen(onNavigateToProfile = { navController.navigate(it) })
        }
        composable<Screen.Profile> { navBackStackEntry ->
            val profile = navBackStackEntry.toRoute<Screen.Profile>()
            ProfileScreen(name = profile.name)
        }
    }

    NavHost(navController = navController, graph = navGraph, modifier = modifier)
}

I am trying get current screen from Navigation type-safety jetpack compose. But toRoute() only use with routes in nav graph.

Upvotes: 5

Views: 1494

Answers (2)

Ribeiro
Ribeiro

Reputation: 1071

Not beautiful, but works for now.

@Serializable
sealed class Screen(@StringRes val title: Int, val showAppBar: Boolean = true) {
    @Serializable
    data object Home : Screen(R.string.app_name)
    @Serializable
    data object Login : Screen(R.string.app_name, showAppBar = false)
}

val backStackEntry by navController.currentBackStackEntryAsState()
val currentScreen = backStackEntry?.destination?.let {
    when (it.route) {
        Screen.Login::class.qualifiedName -> Screen.Login
        else -> Screen.Home
    }
} ?: Screen.Home

Scaffold(
   topBar = {
        if (currentScreen.showAppBar) {
            AppBar()
        }
   },
)

Upvotes: 1

BorkoC
BorkoC

Reputation: 166

Function hasRoute() can help you with the current screen like this:

val navBackStackEntry by navController.currentBackStackEntryAsState()

navBackStackEntry?.destination?.let { currentDestination ->
    shouldShowAppBar = !currentDestination.hasRoute(Settings::class)
}

Upvotes: 12

Related Questions