I have two Column on FlexRow. One of the Column ha...

# compose

[itnoles]

I have two Column on FlexRow. One of the Column has

Arrangement.End

it doesn't expand into the right side of the view. Am I missing something?

[Mihai Popa]

Can you show me your code?

[Mihai Popa]

Note the arrangement should be on the FlexRow, not on the Column, for the Column to be on the right if I understand correctly

[Mihai Popa]

(it is actually called mainAxisAlignment on FlexRow - note FlexRow will be removed in the next releases so you may want to use Row if possible)

[itnoles]

Column {
events.forEach {
FlexRow(modifier = ExpandedWidth) {
expanded(1f) {
Column {
Text(it.awayTeam)
Text(it.homeTeam)
Text(it.date.toString())
}
Column(
arrangement = Arrangement.End
) {
Text(it.awayScore)
Text(it.homeScore)
}
}
}
Divider()
}
}

[itnoles]

I wanted First Three Text on Left, Another Two Text on Right

[Mihai Popa]

Column {
events.forEach {
Row(arrangement = Arrangement.SpaceBetween, modifier = ExpandedWidth) {
Column {
Text(it.awayTeam)
Text(it.homeTeam)
Text(it.date.toString())
}
Column(
arrangement = Arrangement.End
) {
Text(it.awayScore)
Text(it.homeScore)
}
}
Divider()
}
}

[Mihai Popa]

Does this work?

[itnoles]

Yes, it did. Thanks for your help.