How to Set Button Height and Width in Jetpack Compose?

Question

How to set button height and width in Jetpack Compose? I can't set button height and width.

Button(onClick = {  },
       modifier =  Modifier.size(width = 80.dp,height = 80.dp)
        ) {
        Text(text = "Lorem")
    }

The button takes up the entire screen.

score 1 · Accepted Answer · answered Jun 22 '23 at 16:18

1

You have to use Column, Row or any other layout. Read more about in here about Layouts. Basic Layouts comes from here.

@Preview(showBackground = true)
@Composable
fun ButtonView() {
    Column(modifier = Modifier.fillMaxSize().background(Color.Yellow)) {
        Button(
            onClick = { },
            modifier = Modifier.size(width = 80.dp, height = 80.dp)
        ) {
            Text(text = "Lorem")
        }
    }
}

Output

answered Jun 22 '23 at 16:18

Kotlin Learner

3,995
6
47
127

I think the issue he had was having a Surface with Modifier.fillmaxSize as parent of button since Surface forces minimum Constraints to direct child – Thracian Jun 22 '23 at 16:38
https://stackoverflow.com/q/74649544/5457853 – Thracian Jun 22 '23 at 16:39

How to Set Button Height and Width in Jetpack Compose?

1 Answers1