Hi everyone, I feel like I am going crazy - something that should be very basic doesn't quite work a...

# compose

[dorche]

Hi everyone, I feel like I am going crazy - something that should be very basic doesn't quite work as expected. My Text seems to have some extra padding although it shouldn't. Code is super short in 🧵.

🙏 Any ideas what is wrong here?

[dorche]

@Preview(widthDp = 225)
@Composable
fun TextPadding() = PreviewSurface {
    Column(
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center
    ) {
        Text("Column Centered")
        Row(
            verticalAlignment = Alignment.CenterVertically,
            horizontalArrangement = Arrangement.Center
        ) {
            IconButton(onClick = { }) {
                Icon(Icons.Default.AccountBox, contentDescription = "")
            }
            Text(
                text = "Your new Account Value",
                textAlign = TextAlign.Center,
                fontSize = 24.sp,
                modifier = Modifier.weight(1f, false)
            )
            IconButton(onClick = { }) {
                Icon(Icons.Default.AccountBox, contentDescription = "")
            }
        }
    }
}

[dorche]

The result of this is:

[dorche]

but I would expect "Your new Account Value" to not have that extra space around it

[dorche]

Adding IntrinsicSize.Min to the Text doesn't solve it either, as that forces it to go on new line for each word:

[dorche]

I feel like I'm missing something obvious here...

[dorche]

https://issuetracker.google.com/issues/206039942 sad panda

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

You’re using compose 1.1? That is a very old version. Newer versions have this flag: https://developer.android.com/reference/kotlin/androidx/compose/ui/text/PlatformTextStyle#PlatformTextStyle(kotlin.Boolean)

[dorche]

I'm on 1.6.0-alpha06 actually, but I don't think this flag is about the same thing.

[dorche]

I think this is another (well, same) repro for that issue I linked above