Whats the best way to get two columns to stick to the left and right side of a row?

# compose

[Jason Inbody]

Whats the best way to get two columns to stick to the left and right side of a row?

[Jason Inbody]

Column {
    FixedMapView()
    Row(Modifier.fillMaxWidth()){
        Column(Modifier.padding(start=20.dp)) {
            Text("Fin")
            Text(duration)
            Text(charge)
        }
        Spacer(Modifier.padding(end=20.dp))
        Column(horizontalAlignment = Alignment.End,
            modifier = Modifier.padding(end=20.dp)) {
            Row(){
                Text(start.toString())
                Text(end.toString())
            }
            Button(
                modifier = modifier,
                onClick = { print("hello") },
            ) {
                Text("Share Ride")
            }
        }
    }
}

[Jason Inbody]

I've got this but it seems hacky to use a spacer to push the two columns apart. Is there an alignment trick I can apply to get them spaced apart?

[Se7eN]

Row(horizontalArrangement = Arrangement.SpaceBetween)

[Andrew Neal]

https://twitter.com/doris4lt/status/1423373212063211522?s=19

[Jason Inbody]

Oh thats super helpful!

[Orhan Tozan]

Box would ve also worked I think