hello good, I would like to be able to align the c...
# compose
g
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
🐑 23
So that the entire DrawerBottomSheep is a column, not a box
k
Do you have a design mock that shows what you have in mind?
g
are you understand me?
when I expand the sheet content I want the content to collapse as if content and sheetContent result in a column, not a box
k
Then it's not really a bottom sheet. It's an expandable content that lives at the same level as your main content
g
Copy code
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
apart from the fact that I can't drag it with my finger, I can only hit it with the button
Copy code
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.
r
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) •
g
there is that BottomSheet is like a Schaffold, does it have to be a superior content yes or no? or what do you mean
d
You might be able to do this with Scaffold with bottomsheet where you size your main container depending on the sheetState
g
Copy code
I know, but how do it?