is there a way I can open a similar screen in comp...

# compose

[Raed Ghazal]

is there a way I can open a similar screen in compose? in KMP?

I tried full screen bottom sheet and disabled the swipe down, but if there is a scrollable column inside it, it becomes buggy (scrolling the column, dismisses the bottom sheet)

ScreenRecording_06-04-2025 22-06-04_1.MP4

[Raed Ghazal]

screen-20250604-225336.mp4

screen-20250604-225336.mp4

[Raed Ghazal]

here is the code

composable<MainScreenRoute.CreateReceipt> {
    Box(
        Modifier.background(WaraqaTheme.colors.background)
    ) {
        ModalBottomSheet(
            modifier = Modifier.fillMaxSize()
                .statusBarsPadding(),
            onDismissRequest = {},
            sheetState = rememberModalBottomSheetState(
                confirmValueChange = { false },
                skipPartiallyExpanded = true
            ),
            dragHandle = {},
            shape = RectangleShape,
            properties = ModalBottomSheetProperties(shouldDismissOnBackPress = false)
        ) {
            CreateReceiptScreen(
                closeScreen = {
                    navController.popBackStack()
                }
            )
        }
    }
}

[Raed Ghazal]

I noticed that ModalBottomSheet is not very stable with disabling dismissal (maybe expected as its still experimental)

[Raed Ghazal]

Worked!
used BottomSheetScaffold instead

just wanna see how to create a new viewmodel on each open

BottomSheetScaffold(
    scaffoldState = bottomSheetScaffoldState,
    sheetShape = RectangleShape,
    sheetDragHandle = {},
    sheetSwipeEnabled = false,
    sheetContent = {
        Box(Modifier.fillMaxSize()) {
            CreateReceiptScreen(
                closeScreen = {
                    coroutineScope.launch {
                        bottomSheetScaffoldState.bottomSheetState.hide()
                    }
                }
            )
        }
    }
) { 
   Scaffold {...}
}