How can I show Full Screen Dialog here?? ``` Column( modifier = Modifier .wid...

# compose

[chanjungskim]

How can I show Full Screen Dialog here??

Column(
        modifier = Modifier
            .width(97.dp)
            .clickable {

                Dialog(onDismissResult = { /*TODO*/ }) {

                }
            }
        ,
        horizontalAlignment = Alignment.CenterHorizontally

[zt]

You would need to have a boolean variable outside of the clickable scope with remember and mutableStateOf.

You can just use an ordinary if statement to check if that boolean is true then show the dialog

Then in the clickable scope you can set that variable to true to cause it to show the dialog

[chanjungskim]

Here's my updated question:
https://stackoverflow.com/questions/74779980/how-can-i-show-full-screen-dialog-or-navigate-to-other-screen-when-i-click-a-lay

[Oleksandr Balan]

It really depends on your use case, because dialog & screen are two different things.
If you want to navigate to other screen, you should check Navigation Components library.
In case you want to show fullscreen dialog, you may take inspiration from the FullscreenPopup composable we have internally used for modal bottom sheets:
https://github.com/oleksandrbalan/modalsheet/blob/main/modalsheet/src/main/java/eu/wewox/modalsheet/FullscreenPopup.kt