Is it a good idea to create this type of UI in Con...

# compose

[Shakil Karim]

Is it a good idea to create this type of UI in Constrainlayout or a custom Layout, and will there be any performance benefit if I pick the latter?

[nglauber]

I would say yes… 🤷‍♂️ Once it’s a small component, it shouldn’t cause big performance issues…

[Javier]

I would use a row of three columns

[nglauber]

@Javier how would you do this overlap with date/time?

[Javier]

Offset modifier maybe, I haven't tried TBH

[nglauber]

I don’t think it’s a good solution. ConstraintLayout provide a elegant solution for these cases…

[Javier]

CL have a lot of cons:
• Without an editor and a GUI it is not readable
• It is not multiplatform

[joney]

Box { Row { Column {}; Column {} }; Column {} }

[Javier]

Yep, and probably extracting the columns

[nglauber]

1. You have a Compose Preview for that
2. I think @Shakil Karim can answer if this is a real problem. Because he didn’t mention anything about multi platform limitation…

[Javier]

So

Row {
  Team(...)
  ScoreAndDate(...)
  Team(...)
}

[Shakil Karim]

@nglauber i don't have requirement for muti platform, i'm currently using this as list item and using CL but i feel performance of scrolling is not that smooth as compare to RV. I'm thinking to implement using custom layout.

[Shakil Karim]

I found CL implementation much cleaner as compare to Row and Column

[nglauber]

I couldn’t agree more 🤷‍♂️