Expandable Card with Animation - Jetpack Compose

🏆 My Online Courses
⭐Discount Coupon: LAUNCH-STEVDZA-SAN

🐱‍👤 Wanna become a member? Join!

📸 Instagram

In this video I'm going to show you how to create your own custom composable. We are going to design Expandable Card which will also contain smooth animations. Watch the video to learn more about it!

⌚Timestamps
0:00 - Introduction
1:03 - Create Composable Function
2:20 - Animate Content Size
3:01 - Add Shape
3:25 - onClick Listener
4:06 - Preview Function
4:57 - Column and Row
7:27 - Weight
8:50 - Rotation Animation
10:25 - Conditional Composable
11:27 - Just a small Fix
12:33 - Make your composable Customizable

💻 Source code:

[jatinvashisht]

I don't know what to say but your channel and teaching style is just perfect

[lalaleynis-dmoj]

its more appropriate to use AnimatedVisibility(visible = expandedState) {} for adding text that will be dissapeare ANIMATED, GRADUALLY when Card become not expanded. Anyways, thanks

[miladkhalighi]

jetpack compose is so interesting, I would like to see more

[vibealagsi]

all series of jetpack compose is great. I would love to see more from you.

[abada-s]

When we clicked the text for the first time, it was animated perfectly fine, but when closing it, it wasn't have any animation

[iankariuki]

This video was really helpful. Thank you very much

[Alfrednohike]

How to set up ads to cart functionality would be really great

[abada-s]

we can also pass a modifier parameter to fit this custome view in any container
I think we can do that like this
@Composable
fun ...(
mod:Modifier = Modifier){
Card( modifier = mod// instead of Modifier then we can add more by calling functions

[TLTthatsME]

Could you use expandVertically() instead of animatecontentsize?

[liz]

looking forward to animation tutorials. when exactly will the stable version be released?!

[camilosandoval]

excelente, me sirvió mucho, thank you!!!

[muhammedd]

The card opens animatedly when opening, but why does it close very quickly when closing? I couldn't figure out where I should animate for closing (I'm new)
Thank you so much

[frankyjunior]

May i know how to make expand slide up not slide down like this video? I didnt find the solution

[andreilazar]

Still waiting for the stable version coming in July.

[carlostelevida]

if i add this to a list of cards, and click on any card, all the cards are expanded, how can i fix that so clicked one is the only that open, regards

[eganathan.r]

Why did you use weight instead of space between option ?

[royss]

will be greate to see same tutorial without compose :)

[anmolsharma]

I don't know why but all the jetpack compose made components are so laggy in my phone but the xml ones work like a charm. Please help me my development is getting affected due to this problem

[prathiv]

when stable version will release any idea guy's ???

[discovery_bang]

It's very complicated, like everything in Android. You explain well though.