[Compose] 폰트 사이즈 변경시 composable 크기가 이상해지는 문제 해결

Text나 Button에서 fontSize로 폰트 사이즈를 바꿔주니, Text composable의 크기가 이상하게 변한다.

Layout inspector 를 통해 이를 확인할 수 있다.

 

Text의 크기는 작아졌는데, composable의 크기는 길어지고 Text는 composable의 center에 배치되게 돼있어서 텍스트가 짤린다.

 

이럴땐 fontSize 대신 style = TextStyle(fontSize = 10.sp) 와 같이, 해당 composable의 인자를 보면 Text의 style를 받는 인자가 있다. 해당 인자를 이용해 Text의 fontSize롤 변경해주면 무슨 이유인지는 몰라도 잘 작동 된다.