Slot Navigation
Slot navigation is for managing one (or none) screen at a time, where user can activate or dismiss a screen
Typical use cases are
Dialogs
Bottom Sheets
Define your navigation model, (as already covered in model-driven navigation section)
@Serializable object SlotScreens
Creating a router with slot navigation model
@Composable
fun SlotScreen() {
val router: Router<SlotScreens> = rememberRouter(SlotScreens::class) { null }
}
Using the router to open up a dialog
Use RoutedContent to use the router to open a dialog.
@Composable
fun SlotScreen() {
val router: Router<SlotScreens> = rememberRouter(SlotScreens::class) { null }
RoutedContent(router) { _ ->
AlertDialog(
onDismissRequest = { dialogRouter.dismiss() },
){
// Dialog content here
)
}
}
Navigating with slot navigation router
Decompose-router exposes the same Decompose page navigator extension functions
// A example of how to show a dialog
Button(
onClick = { dialogRouter.activate(SlotScreens) }
) {
Text("Show Dialog")
}
Last modified: 19 June 2024