Hide System bars and go full screen in fragment

Question

I have been trying to make a fragment fullscreen, but almost every answer on the web has deprecated methods. Even the android official site has a deprecated method Link.

I'm using kotlin and after following this answer, I have tried this in fragment.

override fun onAttach(context: Context) {
    super.onAttach(context)
    requireActivity().window.addFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS)
}

override fun onDetach() {
    super.onDetach()
    requireActivity().window.clearFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS)
}

but the result that I got is this

You can clearly see navigation and status bars are still there.

Can you share the proper and latest way to get fullscreen in fragment?

score 1 · Answer 1 · answered Oct 20 '22 at 18:14

1

If you read the docs for ViewCompat.getWindowInsetsController(), you'll see that it's only deprecated because they want you to use getInsetsController() instead. Otherwise, the sample code works just fine.

answered Oct 20 '22 at 18:14

user496854

6,461
10
47
84

Can you recheck the sample code link? – kallis Oct 20 '22 at 18:24
I use that code myself. what did you want me to check? – user496854 Oct 21 '22 at 02:57
The link, I mean I didn't find the sample code there. – kallis Oct 21 '22 at 08:17
the sample code is in your OP: https://developer.android.com/develop/ui/views/layout/immersive – user496854 Oct 21 '22 at 16:13

Adin D · Answer 2 · 2022-10-21T06:56:24.053

1

Can you use the theme as follows

    <style name="AppTheme"parent="Theme.MaterialComponents.DayNight.NoActionBar">
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowActionBar">false</item>
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowContentOverlay">@null</item>
    </style>

edited Oct 21 '22 at 06:56

answered Oct 21 '22 at 06:47

Adin D

61
4

score 0 · Answer 3 · answered Oct 21 '22 at 16:39

For making a fragment full-screen.

override fun onAttach(context: Context) {
    super.onAttach(context)
    WindowInsetsControllerCompat(requireActivity().window, requireActivity().window.decorView).apply { 
        
        // Hide both the status bar and the navigation bar
        hide(WindowInsetsCompat.Type.systemBars())
        
        // Behavior of system bars 
        systemBarsBehavior = WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
    }
}

Make sure to add this code in your fragment as well, it will show the system bars again.

override fun onDetach() {
    super.onDetach()
    WindowInsetsControllerCompat(requireActivity().window, requireActivity().window.decorView)
        .show(WindowInsetsCompat.Type.systemBars())
}

I don't know how WindowInsetsControllerCompat works but if anyone wants to hide system bars then this will help.

Hide System bars and go full screen in fragment

3 Answers3