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
"
"I enjoy getting Dispatch in my inbox. The content is light, fun, and still useful. I especially appreciate the small tips that are in each issue."
Annyce Davis
ex-Vice President of Engineering @ Meetup | GDE for Android
Join thousands of Android devs who look forward to Dispatch every week