0Pricing
Jetpack Compose Academy · Lesson

Bottom Bars & Floating Action Buttons

Anchor navigation and primary actions.

Anchoring the Bottom

The thumb-friendly zone of a phone is the bottom. Scaffold's bottomBar and floatingActionButton slots put your key controls right where fingers reach. 👍

The bottomBar Slot

Whatever you place in the bottomBar slot is pinned to the bottom, and Scaffold shrinks the content area so nothing slides behind it.

Scaffold(
    bottomBar = { BottomAppBar { Text("Tools") } }
) { p -> }

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