Typewriter text effect for Jetpack Compose <https gist github com mertceyhan 9cbce75a0c232a9bff20622d8d915640|https gist github com mertceyhan 9cbce75a0c232a9bff20622d8d915640>

Typewriter text effect for Jetpack Compose <https gist githu kotlinlang #feed

Channels

lincheck

kobweb

kotlin-multiplatform-contest

osgi

brikk

revolver

tricity-kotlin-user-group

cincinnati-user-group

prozis-android-backup

refactoring-to-kotlin

russian-kotlinasfirst

androidgithubprojects

navigation-architecture-component

stayhungrystayfoolish

practical-functional-programming

tensorflow

swagger-gradle-codegen

kotlinultimatechallenge

competitive-programming

skia-wasm-interop-temp

java-to-kotlin-refactoring

event21-community-content

myndocs-oauth2-server

jvm-ir-backend-feedback

Title

mertceyhan

05/08/2023, 6:58 PM

Typewriter text effect for Jetpack Compose https://gist.github.com/mertceyhan/9cbce75a0c232a9bff20622d8d915640

screen-20230508-160540~2.mp4

ephemient

05/08/2023, 9:35 PM

may truncate in the middle of glyphs (due to multi-surrogate codepoints, or combining characters, or emoji, or … lots of cases really)

plus it causes text re-measure on every step

IMO it would be better to measure the text only once and change the styling on each interval

like this, for example. less code, text layout happens once, animation is easily tweakable

AnimatedTextAppearance(
    text = AnnotatedString("Hello, world!"),
    animationSpec = tween(durationMillis = 2_000),
)

Untitled.kt

2 Views

#feed Join Slack