How to align in a row an icon to the end of an edge?

Question

In my Kotlin Android App project I have Rows with Text and an Icon. The Icon right of Text shall be aligned to the end edge.

The Text has a Modifier with weight(200.0f), but I do not want to use weight(). When I remove the weight() from text as in the following the icon comes directly after Text. I tried to align it to CenterEnd - in vain.

Row(modifier = Modifier.fillMaxWidth()) {

    Text(modifier = Modifier.weight(200.0f)){
        //..
    }
    
    Icon() {
        //
    }
}

but I do not want to use weigth() so I tried to remove it:

Row() {

    Text(){
        //..
    }
    
    Icon(modifier = Modifier.align(Alignment.CenterEnd)) {
        //
    }
}

CenterEnd reacts with an error:

Type mismatch. Required:Alignment.Vertical Found:Alignment

How can I align the icon to the end side?

(Please, instead of discussing why to use weight() or not, I am just looking for alternatives)

EDIT:

Spacer(modifier = Modifier.SpaceBetween)

won't work, since it's not recognized in Modifier?!

It's like a Word document. Slightly changing the desings, messes up my view at all. I just do not want to use weight. — Ralf Wickum, Feb 18 '22 at 13:36
you better explain in details why don't you wanna use `weight`, what unexpected behaviour it produces, and what behaviour do you expect. Without `weight` I only can think of using custom `Layout`. — Phil Dukhov, Feb 18 '22 at 17:29

score 4 · Accepted Answer · answered Feb 18 '22 at 20:15

4

using horizontal arrangements = Space Between in Row https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/Arrangement

answered Feb 18 '22 at 20:15

medmjs

86
5

As commented with screenshot, it is not recognized in Modifer. Strange imports are required!? – Ralf Wickum Feb 24 '22 at 10:40
`horizontalArrangement = Arrangement.SpaceBetween` did work! – Ralf Wickum Feb 24 '22 at 11:09

How to align in a row an icon to the end of an edge?

1 Answers1