hello good, I would like to be able to align the content of a bottom sheep with the sheep content, t...

# compose

[Gonzalo Renedo]

hello good, I would like to be able to align the content of a bottom sheep with the sheep content, that is, that the sheep content is not placed above the content but below, and when I expand the sheetcontent, the content is collapsed

[Gonzalo Renedo]

So that the entire DrawerBottomSheep is a column, not a box

[Kirill Grouchnikov]

Do you have a design mock that shows what you have in mind?

[Gonzalo Renedo]

are you understand me?

[Gonzalo Renedo]

when I expand the sheet content I want the content to collapse as if content and sheetContent result in a column, not a box

[Kirill Grouchnikov]

Then it's not really a bottom sheet. It's an expandable content that lives at the same level as your main content

[Gonzalo Renedo]

I understand, and as you say it is how I have done it, with a column and applying animate visibility to the content that I want to show, but it does not have very good performance

[Gonzalo Renedo]

apart from the fact that I can't drag it with my finger, I can only hit it with the button

[Gonzalo Renedo]

I think there is a way to make the BottomSheet's content collapse when the sheet expands using progress.fraction, but I don't know how.

[robercoding]

I don't know if there's an existing component that does that but you can handle it by yourself by calculating the current height screen and detecting the drag so you can get the offset and increase or decrease the height of the 2 contents

It all depends on what you want to do, but the main thing is:
• Set the content on the same level (Don't overlap)
• Set initial height for top/bottom contents
• Drag and get the offset and increase/decrease the height of the content (Look at .pointerInput Modifier)
•

[Gonzalo Renedo]

there is that BottomSheet is like a Schaffold, does it have to be a superior content yes or no? or what do you mean

[dorche]

You might be able to do this with Scaffold with bottomsheet where you size your main container depending on the sheetState

[Gonzalo Renedo]

I know, but how do it?