5

I have tried applying SpaceBetween, SpaceEvenly and SpaceAround but nothing seems to be working here. My main goal here is to put the iconButton and the text on the start and end of the same row. Please don't refer to me appbar for doing so I just want to know why this is not working and what is the fix?

enter image description here

 Row( modifier = Modifier.padding(30.dp), horizontalArrangement = Arrangement.SpaceBetween ){ Text( "NOTES", fontSize = 30.sp, fontWeight = FontWeight.Bold, color = Color.White ) IconButton(onClick = { /*TODO*/ }) { Icon( Icons.Filled.Search, contentDescription = "Search", tint = Color.LightGray ) } }
Improve this question

2 Answers 2

Reset to default
14

Add the modifier fillMaxWidth() in your Row

Row( modifier = Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween ){ //....your content }

enter image description here

Improve this answer
Sign up to request clarification or add additional context in comments.

Comments

4

In the Row modifier use fillMaxWidth()

Row( modifier = Modifier .fillMaxWidth() .padding(30.dp), horizontalArrangement = Arrangement.SpaceBetween )
Improve this answer

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.