How do we display strikethrough and bold text in T...

# compose

[Devesh Sanghvi]

How do we display strikethrough and bold text in Text component? I tried SpannableString and Html tags string but it does not seem to work.

[Siyamed]

you set the TextStyle attributes in Text()

[Siyamed]

we dont accept SpannableString

[Siyamed]

we dont have HTML conversion

[Siyamed]

AnnotatedString is the equivelant of SpannableString if you need to strike through only a portion of the text

[Devesh Sanghvi]

Yes I need to strike through and bold only part of the string. If I go with TextStyle attribute then I would need multiple Text() since this attribute will apply to whole string and not part of the string. Let me try with AnnotatedString. Thanks

[nglauber]

@Devesh Sanghvi not sure if you find out already, but I did this way… not sure if it is the best way though…

@Composable
fun TextSample() {
    val builder = AnnotatedString.Builder().apply {
        append(
            AnnotatedString(
                "Text Bold",
                SpanStyle(fontWeight = FontWeight.Bold)
            )
        )
        append(
            AnnotatedString(
                "Text Strike",
                SpanStyle(textDecoration = TextDecoration.LineThrough)
            )
        )
    }
    Text(text = builder.toAnnotatedString())
}

[Mohamed Elfiky]

how to apply AnnotatedString to TextField?

[Siyamed]

We dont support annotated string in TextField yet

[Mohamed Elfiky]

is VisualTransformation the way to go write now?

[pavi2410]

Yes, take a look at this: https://kotlinlang.slack.com/archives/CJLTWPH7S/p1591852496066900?thread_ts=1591800775.022700&cid=CJLTWPH7S

[Siyamed]

We added visualtransformation for formatting (password credit card, etc) but apperantly works for now. I never tried it, we will add the support but not now :/

[Devesh Sanghvi]

@nglauber Yes I got it working something like this.

with(AnnotatedString.Builder("Text Strike")) {
    addStyle(SpanStyle(textDecoration = TextDecoration.LineThrough), 0, charges.length)

    pushStyle(SpanStyle(fontWeight = FontWeight.Bold))

    append("Text Bold")

    toAnnotatedString()
}

[Devesh Sanghvi]

@Siyamed Thanks for the AnnotatedString suggestion