Need some expert guidance on this -- When using ...
# compose
v
Need some expert guidance on this -- When using Compose Multiplatform, the UI appears horizontally shrunk compared to the native Android version. Here’s the text style I’m using:
Copy code
@Composable
fun B3TextStyle() = TextStyle(
    fontFamily = proximaNovaFontFamily(),
    fontWeight = FontWeight.Normal,
    fontSize = DimenFont.nonScalingSp(DimenFont.font_14dp),
    color = Colors.color_222222,
    lineHeight = DimenFont.nonScalingSp(DimenFont.font_20dp)
)
However, the text looks compressed and narrower on Compose Multiplatform. Has anyone else faced this issue before? Any suggestions on how to fix or match it with the native appearance? when I use the same font on the native XML side, it renders differently compared to when I use it in the multiplatform setup — it appears noticeably compressed horizontally. also shared the image above of the change
@Composable fun nonScalingSp(value: Int): TextUnit { val density = LocalDensity.current return (value / density.fontScale).sp }