0PricingLogin
Jetpack Compose Academy · Lesson

TopAppBar & Action Icons

Add a title bar with actions.

The Title Bar

The strip across the top with your screen name and actions is the TopAppBar. It gives users a stable anchor that says where they are. 🧭

A Minimal TopAppBar

At its simplest, a TopAppBar just needs a title. Drop it into the Scaffold topBar slot and you have a real Material header.

TopAppBar(
    title = { Text("Inbox") }
)

All lessons in this course

  1. Scaffold: The Screen Skeleton
  2. TopAppBar & Action Icons
  3. Bottom Bars & Floating Action Buttons
  4. Snackbars & SnackbarHostState
← Back to Jetpack Compose Academy