Jetpack Compose Academy · Lesson

Avatar, Name & Bio Section

Assemble the header with image and text.

Build the Header First

Time to make the sketch real. You will start at the top of the card with the header: the avatar, the name, and a short bio. 👤

The avatar is an Image Composable that draws a drawable resource. Give it a clear size so it never balloons to fill the screen.

Image(
    painter = painterResource(R.drawable.avatar),
    contentDescription = "Profile photo"
)