0PricingLogin▼
Jetpack Compose Academy · Lesson

Stats Row & Follow Button

Add interactive details to the card.

Add the Interactive Details

With the header done, you will add the lower half: a row of stats and a follow button that responds to taps. This is where the card comes alive. ⚡

One Stat Block

Each stat is two stacked Texts: a big number and a small label. A tiny Column holds them together as one neat block.

Column(horizontalAlignment = Alignment.CenterHorizontally) {
    Text("128")
    Text("Posts")
}

All lessons in this course

  1. Sketch the Profile Card Layout
  2. Avatar, Name & Bio Section
  3. Stats Row & Follow Button
  4. Extract Reusable Composables
← Back to Jetpack Compose Academy