Prevent system font scaling - Jetpack Compose

Question

I am trying to restric the app from affected fro system font scaling. I had gone through many solutions but none helped. Most of them tell use dp instead of sp for text sizes but in compose we can use only sp if i am right as it expects a Text Unit. Is there any right way to restrict font scaling in our app done with jetpack compose ? Please help .

(Solutions refered) : https://l.workplace.com/l.php?u=https%3A%2F%2Fstackoverflow.com%2Fquestions%2F21546805%2Fhow-to-prevent-system-font-size-changing-effects-to-android-application&h=AT0zIuBPbUONm0T6q8PtqbxCdX6P_ywlp-yFGrqPMqZt7H3wsWYltKO5XwbW3i0lenrxxLi3nn_kMO4aPtFUfig2iG0BcRZpd0wTuZ1_XFpdsjDM6E7RPyZ-G_c2dlmuzGqsSEHYbqBJun0hLLZgOpRUszKbe9-1xQ

Might be a duplicate of [https://stackoverflow.com/questions/67918698/why-is-there-only-sp-in-fontsize-of-text-composable-and-not-dp-in-jetp](https://stackoverflow.com/questions/67918698/why-is-there-only-sp-in-fontsize-of-text-composable-and-not-dp-in-jetp) — mlebedy, May 18 '22 at 09:34
Have you checked this answer? https://stackoverflow.com/a/69112444/3585796 — Phil Dukhov, May 18 '22 at 10:37

Thracian · Accepted Answer · 2022-08-17T08:46:12.687

5

You can have an extension for Int or Float like this

@Composable
fun Int.scaledSp(): TextUnit {
    val value: Int = this
    return with(LocalDensity.current) {
        val fontScale = this.fontScale
        val textSize =  value / fontScale
        textSize.sp
  }

You can add an extension parameter of Int

val Int.scaledSp:TextUnit
    @Composable get() =  scaledSp()

Text(text = "Hello World", fontSize = 20.scaledSp)

edited Aug 17 '22 at 08:46

answered May 20 '22 at 03:58

Thracian

43,021
16
133
222

Could you please give an example to implement this to text? – Reza Faraji Aug 17 '22 at 08:33
@RezaFaraji `Text(text = "Hello World", fontSize = 20.scaledSp())` – Thracian Aug 17 '22 at 08:42

score 2 · Answer 2 · answered Nov 11 '22 at 10:20

override fun attachBaseContext(newBase: Context?) {
    val newOverride = Configuration(newBase?.resources?.configuration)
    if (newOverride.fontScale >= 1.1f)
        newOverride.fontScale = 1.1f
    applyOverrideConfiguration(newOverride)
    super.attachBaseContext(newBase)
}

You can use something like this in your main activity.

score 0 · Answer 3 · answered May 18 '22 at 09:39

Till there is no solution on jetpack compose for Text(), you can use AndroidView:

@Composable
fun CustomText(
// attributes you need to set
){

     AndroidView(factory = { context ->
                    AppCompatTextView(context).apply {
                        setTextSize(TypedValue.COMPLEX_UNIT_DIP, 25)
                        setText("")
                        // other attributes you want to set or other features which is not available in jetpack compose now.
                    }
                },)

}

Prevent system font scaling - Jetpack Compose

3 Answers3

Linked