Really simple question, but what's the easiest way to have two equally sized buttons in a row. Code...

# compose

[Colton Idle]

Really simple question, but what's the easiest way to have two equally sized buttons in a row.

Code in thread

[Tin Tran]

try making 1 button fillMaxWidth(.5f) and the other fillMaxWidth()

[Colton Idle]

Instinctively... I would have thought this would work?

Row {
Button({}, modifier = Modifier.fillMaxWidth()){ Text("1")}
Button({}, modifier = Modifier.fillMaxWidth()){ Text("2000000")}
}

but I just get button 1 showing.

Then doing this didn't do the trick either

Row {
Button({}, modifier = Modifier.fillMaxWidth(.5f)){ Text("1")}
Button({}, modifier = Modifier.fillMaxWidth(.5f)){ Text("2000000")}
}

[Tin Tran]

make the second one fillMaxWidth() and the first one fillMaxWidth(.5f)

[nglauber]

Use Modifier.weight(1.f) on both buttons

[Colton Idle]

weight wins again. I never understand when I should use one over the other. I would think that fillMaxWidth on two items in a row would lay out both items equally.

[Albert Chang]

Think of the layout process. Children are laid out in order and when a parent is laying out child A, it doesn’t know anything about child B, which is after child A, if you don’t explicitly tell it to do so. You ask the parent to give child A max width, and the parent just give it all the space available. With Modifier.weight(), the parent lays out all children with a weight at last with all the knowledge of how much weight each of them want to take.

[Colton Idle]

I just always thought that giving something a weight of 1 tells it to take up the rest of the available space and so I guess I don't understand how giving two things weight = 1 makes everything equi-width.

[Albert Chang]

As I said the parent has all the knowledge of the weight of each of the children when laying out them.

[Albert Chang]

By the way the weight here is not the same as fraction. What matters is the ratio between all the weights, not the value itself.

[ephemient]

weight=1 is not some magic value

[ephemient]

space is distributed to children proportional to their weight

[ephemient]

scale all the weights by constant, same result

[nglauber]

@Colton Idle I bring this idea from LinearLayout which follow the same approach 😊

[Chris Sinco [G]]

I think at some point we considered being able to pass a percent value to width and height but often a combination of weight and fillMax*(*f) does the job

[Colton Idle]

@Chris Sinco [G] yeah. Sometimes I just feel like I'm just guessing on which one to use. Lol

[Chris Sinco [G]]

Fair enough