How to make them the same size ```@Preview @Composable fun Test() { Column( modifier = M...

# compose

[Grigorii Yurkov]

How to make them the same size

@Preview
@Composable
fun Test() {
    Column(
        modifier = Modifier.fillMaxSize(),
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        ButtonText(
            text = "Super very large button"
            modifier = Modifier.wrapContentWidth(Alignment.CenterHorizontally)
        )
        ButtonText(
            text = "small"
            modifier = Modifier.wrapContentWidth(Alignment.CenterHorizontally)
        )
    }
}

@Composable
fun ButtonText(text: String, modifier: Modifier = Modifier) {
    Button(onClick = {}, modifier = modifier) {
        Text(text)
    }
}

[alorma]

wrap it in a Column, and set the modifier on it to Modifier.wrapContentWidth(Alignment.CenterHorizontally), then button modifiers as fillMaxWidth()

[Grigorii Yurkov]

Yeah, they are the same, but I meant to make small button as large as large one and not fill entire screen

[dmnk_89]

Column(fillMaxSize){
        Column(wrapContentWidth) {
          ButtonText(fillMaxSize)
          ButtonText(fillMaxSize)
        }
    }

?

[Grigorii Yurkov]

@dmnk_89 Same result (

[Andrey Kulikov]

@Mihai Popa

[Mihai Popa]

Column(Modifier.preferredWidth(IntrinsicSize.Max)) {
    ButtonText(fillMaxSize)
    ButtonText(fillMaxSize)
}

[Grigorii Yurkov]

Works! Finally. Thank you

[Zach Klippenstein (he/him) [MOD]]

More info about intrinsics here: https://developer.android.com/codelabs/jetpack-compose-layouts#9

[Javier]

@Mihai Popa is it possible with a Row and buttons width?

[Mihai Popa]

@Javier not sure I follow the question, can you explain?

[Javier]

Having three buttons in a row where the maximum width a button can have is based on the button with more text

[sante]

You can define a Modifier.weight() to the buttons, if each button has the same weight, they will have all the same size

[Javier]

Yes, I know I can do that but it is not the same result that I asked

[Mihai Popa]

Ah I see what you mean. Yes I think this will work as well:

Row(Modifier.preferredWidth(IntrinsicSize.Max)) {
    Button1(weight(1f))
    Button2(weight(1f))
    Button3(weight(1f))
}