Hello guys, what do you think is the best way to a...
# composea
ayodele
08/30/2023, 3:03 PMHello guys, what do you think is the best way to achieve this in compose.
PS: number of items unknown
m
Marcin Wisniowski
08/30/2023, 3:09 PMLooks like a Column with Rows to me.
t
Tiago Fernandes
08/30/2023, 3:10 PM@ayodele do you want to be able to drag the items?
a
ayodele
08/30/2023, 3:11 PM@Marcin Wisniowski I thought about that but what the three dots?
ayodele
08/30/2023, 3:12 PM@Tiago Fernandes yes
m
Marcin Wisniowski
08/30/2023, 3:13 PMShouldn’t be a problem with the dots, each row renders the one-and-a-half dot above and below the letter circle.
Marcin Wisniowski
08/30/2023, 3:13 PMAnd probably want to hide the dots on a dragged row.
t
Tiago Fernandes
08/30/2023, 3:15 PM@Marcin Wisniowski wouldn't be better to make two columns where only the full location item is draggable and the dots are always visible, like it does on the Google Maps website?
m
Marcin Wisniowski
08/30/2023, 3:23 PMThat depends on the design you want to achieve, if you want the circles to stay if dragged or not.
Marcin Wisniowski
08/30/2023, 3:24 PMMultiple Columns are fine too, but then you have to manually make sure the rows line up between the different columns.
Marcin Wisniowski
08/30/2023, 3:24 PMIf the user changes the font size, etc.
r
Rohan Sampat (Rom4ster)
08/30/2023, 4:26 PMIm a noob but you prbably want searchbar right?
j
jamshedalamqaderi
08/30/2023, 5:03 PMIn a row you could have 2 columns one for dots and another for Textfield and track the drag behavior with each other
c
curioustechizen
08/30/2023, 5:18 PMYou could look into "Timeline view" libraries for Compose. That's what seems to be closest to your requirement. Dragging probably will not be present though.
a
agrosner
08/30/2023, 6:32 PMI’d build a custom layout to place them where you want the content to go. There was a dev summit talk about custom layouts which was great
a
andrew
09/01/2023, 4:38 AMI actually made an expanding/collapsing version of this that is similar
andrew
09/01/2023, 4:39 AMStepper.kt
andrew
09/01/2023, 4:40 AMThere is probably going to be some broken imports, but it should be enough to get you started
andrew
09/01/2023, 4:40 AMIt can probably be optimized too
andrew
09/01/2023, 4:41 AMIt’s meant for onboarding, and the progress + expand/collapse code can be stripped out
2 Views