Quick Guides Collection
Create a home screen scaffold

Use these Quick Guides to create a home screen scaffold. Scaffolds provide a standardized container to hold together different parts of the UI, such as app bars and floating action buttons. A home screen scaffold can help give your app's home screen a coherent look and feel.
Create a bottom app bar to help users navigate and access functions in your app.
Create a top app bar to help users navigate and access functions in your app.
Containers provide the user access to key features and navigation items. There are two types of app bars, top app bars and bottom app bars.

6 minutes

Learn how insets communicate to your app where system decorations are placed, and how Compose APIs help your content automatically move with the system UI components.

Have questions or feedback

Go to our frequently asked questions page and learn about quick guides or reach out and let us know your thoughts.