Hi! I know this may be a ... dummy question about ...

# compose

[alorma]

Hi! I know this may be a ... dummy question about texts, but I'm running out if ideas here.

We have a chip, created by Surface and Text inside it, text is in a Row, centered both horizontal and vertical.

We see a small pixel.. difference, as it should be on the center, and we see here that text is a bit under the center..

Any idea?

[Javier]

font padding?

[alorma]

uhmmmm

doesn't look like it...

internal val ijBody2: TextStyle = TextStyle(
  fontSize = 14.sp,
  fontFamily = FontFamily.SansSerif,
  fontStyle = FontStyle.Normal,
  fontWeight = FontWeight.Normal,
  lineHeight = 16.sp,
  letterSpacing = 0.1.sp,
)

[alorma]

this is our style for that screenshot case

[Javier]

the font itself has a padding, not added by compose

[alorma]

uhm, we are not defining a font, so maybe the system font has padding... :S

[Javier]

https://stackoverflow.com/questions/66126551/jetpack-compose-centering-text-without-font-padding

[Javier]

Roboto has padding

[alorma]

yes...

[alorma]

uhm, it looks like. using "textALign = TextALign.Center" does the magic

[Filip Wiesner]

TextAlign should be horizontal align.
There is feature request on google tracker about the font padding already if you search for it.

[alorma]

yea yea, found it

[alorma]

anyway, if there's an issue and someone working on it, we can live with it by now