I m looking for a component that could work for a popup effe

Question

I m looking for a component that could work for a popup effect on my screen Something where it could appear to be on top of other screen components raised z axis but having some trouble implementing At first I thought a Box would be good but when that is embedded in a row and column it will resize and move other components around I want it to appear above these components instead is there a way to do that with a box or should I be using a different component

Dan Peluso · Answer

for additional context this would be something like a help box that give users context about something on the screen

Landry Norris · Answer

Can you use Dialog or <https foso github io Jetpack Compose Playground material alertdialog |AlertDialog>

Joseph Hawkes-Cates · Answer

I was just looking at this for my project and I took a look at the implementation of the DropDownMenu composable and found the Popup composable which it uses internally <https developer android com reference kotlin androidx compose ui window package summary Popup androidx compose ui Alignment androidx compose ui unit IntOffset kotlin Function0 androidx compose ui window PopupProperties kotlin Function0 |https developer android com reference kotlin androidx compose ui window package summary Popup androidx compose ui A Properties kotlin Function0 >

Joseph Hawkes-Cates · Answer

I haven t used it so can t give you much guidance but it seems like it could be good for what you re looking to do

Joseph Hawkes-Cates · Answer

Or AlertDialog as Landry said especially if you want the popup to be modal

Landry Norris · Answer

Good point I would look at Popup if you don t need it to go away if you tap outside and Dialog if you do Keep in mind that AlertDialog provides an easy way to have a message and a few buttons but Dialog is much more flexible If AlertDialog matches what you need it s a great choice

Oleksandr Balan · Answer

We have recently build something similar for modal bottom sheet lib check `FullscreenPopup` component It is basically build the same as `Popup` but lays out always fullscreen <https github com oleksandrbalan modalsheet blob main modalsheet src main java eu wewox modalsheet FullscreenPopup kt>