Jetpack Compose [ModalBottomSheetLayout + BottomSheetScaffold + Scaffold]

Question

У меня есть требование в моем приложении для создания реактивного ранца, где мне нужно отображать и иbottom navigation

Как я могу использовать все эти три на одном экране?

Я пробовал этот макет на основе этой ссылки. У меня есть структура вложенного макета ниже.

      ModalBottomSheetLayout
   |- BottomSheetScaffold
      |- Scaffold
         |- BottomNavigation

когда я использую эту структуру, я сталкиваюсь с проблемой закрытия и открытияmodal bottom sheetиpersistent bottom sheet

Как я могу добиться этого макета со всеми тремя?

---

КОД

       ModalBottomSheetLayout(
        sheetContent = {
            // MODAL SHEET CONTENT
        },
        sheetState = modalBottomSheetState,
    ) {
        BottomSheetScaffold(
            sheetContent = {
                // BOTTOM SHEET CONTENT
            },
            scaffoldState = bottomSheetScaffoldState,
            sheetPeekHeight = 0.dp,
        ) {
            Scaffold(
                scaffoldState = scaffoldWithDrawerState,
                drawerContent = {
                  // DRAWER CONTENT
                },
                bottomBar = {
                    BottomBar(navController = navController)
                },
            ) {
               // NAV HOST FOR THE BOTTOM NAVIGATION SCREENS
            }
        }
    }