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.

you set the TextStyle attributes in Text()

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

@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())
}

how to apply AnnotatedString to TextField?

We dont support annotated string in TextField yet

is VisualTransformation the way to go write now?

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

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 :/

@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()
}