# How to draw content behind system bars in Jetpack Compose

DevFeed: [How to draw content behind system bars in Jetpack Compose](<https://devfeed.tech/articles/how-to-draw-content-behind-system-bars-in-jetpack-compose-37164.md>)

Original publisher: [Read original article](<https://arkadiuszchmura.com/posts/how-to-draw-content-behind-system-bars-in-jetpack-compose/>)

Published: 2022-10-31T00:00:00Z

Content type: tutorial

Language: en

Sources: [Arkadiusz Chmura](<https://devfeed.tech/sources/arkadiusz-chmura.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Android](<https://devfeed.tech/topics/android.md>), [ui](<https://devfeed.tech/topics/ui.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [jetpack](<https://devfeed.tech/tags/jetpack.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

This tutorial explains how to draw app content behind the Android system bars in Jetpack Compose. It demonstrates using an edge-to-edge layout and changing system bar colors and transparency so the navigation and status bars integrate with the app bar and navigation bar design.

## Source excerpt

It's a typical use case, but it's hard to find a concrete example in the documentation.