Is there an easy way to center a composable inside...

# compose

[yahyabayramoglu]

Is there an easy way to center a composable inside a Card ? 😅
Card has fixed size, and it only contains a Text which needs to be centered.

This is literally the only way I could get it work - I must be doing something wrong here 🙂

Card(modifier = Modifier.size(50.dp).padding(4.dp)) {
    Row(verticalAlignment = Alignment.CenterVertically) {
          Text(
                text = "10",
                textAlign = TextAlign.Center,
                fontSize = 10.sp,
                modifier = Modifier.fillMaxWidth()
           )
     }
}

[Mehdi Haghgoo]

You can replace your Row with a box that can in turn have a Center alignment.

Box(modifier = Modifier, contentAlignment = Alignment.Center) {
        Text(
            text = "10",
            textAlign = TextAlign.Center,
            fontSize = 10.sp,
            modifier = Modifier.fillMaxWidth()
        )
}

[yahyabayramoglu]

I'd rather not have any other additional composable just for the sake of centering 😞

[Louis Pullen-Freilich [G]]

Maybe you are just looking for:

Card(modifier = Modifier.size(50.dp).padding(4.dp)) {
            Text(
                text = "10",
                fontSize = 10.sp,
                modifier = Modifier.wrapContentSize()
            )
        }

[yahyabayramoglu]

Yes, that seems to do the trick 🙂 Thanks!