Android Jetpack Compose Coordinator Layout Equivalent - kotlin

What is the best way to get the functionality of a CoordinatorLayout in Jetpack Compose?
I know that a Box is essentially a FrameLayout and CoordinatorLayout is a super-powered FrameLayout but is there a super-powered Box layout?

I guess we need to use nestedScroll modifier.
There is a Collapsing Toolbar Example on documentation page.

Related

Jetpack compose canvas - how to fetch element by text on Android test

I'ld like to fetch element draw into a jetpack compose canvas with drawText.
My usual composeTestRule.onNodeWithText does not found any elements, even when I used useUnmergedTree parameter
Thanks for your help

How do I load detail content when row/ column is clicked

I'm practicing Jetpack Compose, I'm trying to create a screen that load texts and image content when navigated to.
Here's what I mean;
[Referencing the android developer soothe app.] If I make the rows clickable. And I want to navigate to a screen containing details of Inversions, quick yoga or stretching, depending on which is clicked.
What compose navigation feature should I use to create it??
I did a bit of research previously but I haven't been able to find what I need.
Just in case it's needed, I'll add these.
my compose navigation version;
def nav_version = "2.5.2"
implementation "androidx.navigation:navigation-compose:$nav_version"
I'll be sinerely greatful for any help. Thanks in advance.
If I understood you correctly, you want to navigate to a seperate screen when you click one of the items inside the Horizontal LazyRow. In order to do this you will need to implement navigation using compose navigation library: https://developer.android.com/jetpack/compose/navigation
and you will need to add an onClick event for each item in that LazyRow. For this you would need to set up a NavController, Navhost and Routes for each item.
I have set up something similar but with a navigation Drawer, maybe it will help you understand how the navigation works in jetpack compose!
Navigating between composable's using a Navigation Drawer in Jetpack Compose
Hope this will help you!

Is there a way to make text editable in Jetpack Compose Desktop?

Is there a way to make text editable in Jetpack Compose Desktop without the use of TextField maybe with some kind of modifier?

How to achieve the layering effect of one Composable on top of another when showing a dialog using Jetpack Compose

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:
Animation when clicking on the Filter button at the bottom. This is from the app Culture Trip on iOS.
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:
For displaying your dialog above, you need to use Box and call dialog at the very bottom of this Box.

Take a Full Screenshot of LazyColum with compose jetpack

I want to take screenshot of specific composable function on Jetpack Compose. How can I do this? Please, anyone help me
There is currently no support for this. Compose applications have only one view (window.decorView). You can use traditional methods to get a screenshot of the root view but that is for the entire screen. If you know the location of the composable compoenent on the screen that you want the screenshot of, you will have to apply clipping to the bitmap that you get from the whole screen.