1

I'm hoping to understand how I can achieve this behavior using Jetpack Compose in Android when displaying a dialog on top of the current Composable view.

Desired State:

enter image description here

Animation when clicking on the Filter button at the bottom. This is from the app Culture Trip on iOS.

enter image description here

I currently have a dialog like below. If you notice, my content is still visible but I would like to have it appear as if it's a page layer that's in the background.

Notice the red arrow in the desired state picture. I can mimic that behavior by having a row and setting the background color with padding but looking for a more elegant solution or wondering if there is standard behavior that I don't know about.

Actual State:

enter image description here

Babloo K
  • 253
  • 2
  • 5
  • I don't quite understand what you want to achieve. Do you mean you want your dialog to be above the content? That's default for dialogs. Dialog on your screen seems to be standard `BottomSheetModal` – Jakoss Dec 23 '21 at 22:21
  • @Jakoss I updated my original post. Let me know if that clarifies the question – Babloo K Dec 24 '21 at 03:24

1 Answers1

0

For displaying your dialog above, you need to use Box and call dialog at the very bottom of this Box.

Dmytro Berezhnyi
  • 1