ExtendedSpans

by Saket Narayan

Custom spans in Compose UI - saket.me/compose-custom-text-spans/

View on GitHub

Documentation

Extended Spans

ExtendedSpans converts your boring AnnotatedString spans into rad spans.

Before After
Boring spansBoring spans Rad spansRad spans
implementation "me.saket.extendedspans:extendedspans:1.4.0"
val extendedSpans = remember {
  ExtendedSpans(
    RoundedCornerSpanPainter(…),
    SquigglyUnderlineSpanPainter(…)
  )
}

Text(
  modifier = Modifier.drawBehind(extendedSpans),
  text = remember(text) {
    extendedSpans.extend(text)
  },
  onTextLayout = { result ->
    extendedSpans.onTextLayout(result)
  }
)

You can also create your own custom spans by extending ExtendedSpanPainter and passing it to ExtendedSpans.

License

Copyright 2022 Saket Narayan.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Dispatch Newsletter
Be the first to discover new Compose libraries
Curated Insights
Digest in 5 minutes or less
Android Analysis
Entertaining takes on happenings
Insider Tips
From top Android developers
Hidden Gems
You won't find elsewhere
"
"Dispatch has been my go-to resource lately to keep up with Compose. It's packed with useful information while being fun at the same time. The Insider Insight is my favorite section."
Subhrajyoti Sen
Android Engineer @ Motive | GDE for Android
Join thousands of Android devs who look forward to Dispatch every week