How can we show ModalBottomSheet using Compose Nav...

# compose

[chansek]

How can we show ModalBottomSheet using Compose Navigation?

This is how my Modal sheet looks like:

fun AddressPicker(
    sheetState: ModalBottomSheetState,
    onConfirm: (Address) -> Unit
) {
    ModalBottomSheetLayout(
        sheetState = sheetState,
        sheetContent = { AddressForm(onConfirm) }
    ) {}
}

Then I added this into my nav graph:

composable(route = Screen.AddressPickerScreen.route) {
    AddressPicker(sheetState = sheetState) {
       // ...
    }
}

And to show it, I used below code:

navController.navigate(Screen.AddressPickerScreen.route)

Instead of showing the sheet content, it shows a blank canvas. What am I doing wrong?

[jossiwolf]

We have Accompanist Nav Material to help you with that! Beware that it has some issues we are still working out though; it works best if your sheet content is static.

[chansek]

This worked beautifully. Thanks @jossiwolf