How to enable fullscreen in Jetpack Compose apps

Question

I'm learning Jetpack Compose with Kotlin, and trying to make an app with the option to enable fullscreen mode in Android, only showing the status bar after swiping it down.

I've searched for examples online, but none of them worked for me yet.

Some can hide the status bar, but still left a black bar; some can display full screen UI, but the status bar contents are still there.

The default project gives me

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        setContent {
            ...
        }
    }
}

what I've got is immersive

Then I added codes after enableEdgeToEdge()

val insetsController = WindowCompat.getInsetsController(window, window.decorView)
insetsController.apply {
    hide(WindowInsetsCompat.Type.statusBars())
    hide(WindowInsetsCompat.Type.navigationBars())
    systemBarsBehavior = WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
}

What I've got is the black status bar area

Have you read through this example from Google? Or this guide from January? Immersive mode can be tricky to implement perfectly, but if you need help, you'll need to show us your code first. — Holo
– Holo, Commented Mar 21, 2024 at 8:53
I'm not sure if the code is enough to ask for help, now I have no idea to deal with it.@Holo — rong holl
– rong holl, Commented Mar 22, 2024 at 1:16

Sandip Patil · Accepted Answer · 2025-09-27 11:26:34Z

0

Sample Activity code

override fun onCreate(savedInstanceState: Bundle?) {
    enableEdgeToEdge()
    super.onCreate(savedInstanceState)
    setContent {
        AllConceptsPracticeTheme {
            // A surface container using the 'background' color from the theme
            TransparentBarsApp()
        }
    }
}

@Composable
fun TransparentBarsApp() {
    val view = LocalView.current
    val useDarkIcons = !isSystemInDarkTheme()
    SideEffect {
        val window = (view.context as Activity).window
        window.statusBarColor = Color.Transparent.toArgb()
        window.navigationBarColor = Color.Transparent.toArgb()
        val insetsController = WindowCompat.getInsetsController(window, view)
        insetsController.isAppearanceLightStatusBars = useDarkIcons
        insetsController.isAppearanceLightNavigationBars = useDarkIcons
    }
    // Your screen content
    KeepNotesApp()
}

answered Sep 27 at 11:26

Sandip Patil

1

Sign up to request clarification or add additional context in comments.

1 Comment

Community Sep 27 at 13:52

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

How to enable fullscreen in Jetpack Compose apps

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related