How to Create an Animated Counter Text with Jetpack Compose - Android Studio Tutorial

In this video you'll learn how you can create a text composable where each digit is separately animated.

⭐ Get certificates for your future job
⭐ Save countless hours of time
⭐ 100% money back guarantee for 30 days
⭐ Become a professional Android developer now:

💻 Let me be your mentor and become an industry-ready Android developer in 10 weeks:

Subscribe to my FREE newsletter for regular Android, Kotlin & Architecture advice!

Join this channel to get access to perks:

Get the source code for this video here:

Join my Discord server:

You like my free content? Here you can buy me a coffee:

[nurakhmetzunun]

add animate decrement:

if (oldCount < count) {
slideInVertically { it } with slideOutVertically { -it }
} else {
slideInVertically { -it } with slideOutVertically { it }
}

[MonichGPT]

I want to animate numbers in different speed. For example from "0" to "1234" we need to use normal speed for "1", x2 speed for "2", x3 for "3", x4 for "4". In your example they all animated at once with same speed.

[ashishproc]

Awesome content. I'm gonna watch it later on my laptop. Currently watching from phone.

[coderstubechannel]

Wow, this video is truly inspiring. The way you explained how you can create a text composable is so clear and easy to understand. It's videos like this that inspired me to start my programming channel on YouTube. Thanks for the inspiration! 🦾

[shahar]

This is great!
An idea for new video is about Arrow, specific Either which basically help with save some Unit test by being sure about what is coming

[renehuber]

Splendid! Could you make a compose tutorial for a number picker? Like a year picker or something like that :)

[amalmanoj]

If (oldChar==newChar) oldCount[i] else newCount[i]

So always it newCount [i] right?

[JagdishOnYT]

Today is basanta panchami and I remembered you Guru

[runningwithscissors]

There is no need to store previous values and compare them to yours (especially if according to your condition they are always new ones), AnimatedContend already stores and compares new value to previous.

[mg-htir]

Eagerly waiting for jetpack compose, when will it be head to head with flutter

[GGK]

Is it ok to use derivedStateOf, in order to remember some "previous" data when derivedStateOf calculation lambda is executed?

[David-zbbr]

Philipp do you still use xml for view building or youve already fully moved to jetpack compose?

[shahinpalowan]

Could you say me please sir? How can I create this button in android studio for Java? Please help me❤

[kiekiekiekiekiekie]

How would you make it cycle automatically from 0 to 10 ?

[younes]

Hi Philip in you note app the navigation does not work until i click a long click on the empty screen what is the problem

[MonichGPT]

How to animate even new digit? So when it count from 9 to 10 animate 1 and 0 digits.

[NimaAzh]

I haven't worked with jetpack compose yet. can't be done in xml with Kotlin?

[LouestLou]

hello philipp, I am looking a way to animate views in lazyRow as they appear on the screen but there is no resources as far as I have searched, I have a chart that is lazyRow filled with rectangles with the height of some x amount, I want to animate them like so they rise from 0 height to the x and the amount digits themselves animate as well from 0 in the process. It would be great if you make a video about that

[gauravkumar-bspf]

how can I achieve the same animation in XML?