How to hide status bar and navigation bar using Theme.MaterialComponents

Question

i have some problem to hide status and navigation bar in app.

Assumptions:

use lib com.google.android.material:material:1.1.0-alpha10
use style Theme.MaterialComponents.Light.NoActionBar

Solutions like

window.apply {
      clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS)
       addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS)
       if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN or View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR
        } else {
            decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
        }
        statusBarColor = Color.TRANSPARENT
}

Doesn't work properly

Simon · Answer 1 · 2019-10-02T12:43:39.810

4

Create new theme in styles.xml:

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

Apply this theme in Manifest (for desired activity)

<activity
    android:name=".SearchActivity"
    android:label="Text"
    android:theme="@style/AppTheme.NoActionBar" />

edited Oct 02 '19 at 12:43

answered Oct 02 '19 at 09:37

Simon

1,657
11
16

1

status bar and navigation bar is not action bar – Tim Oct 02 '19 at 09:41
My assumption is use style Theme.MaterialComponents.Light.NoActionBar – Skalaw Oct 02 '19 at 12:38
@Skalaw, added parent. – Simon Oct 02 '19 at 12:44
2

`true` is what I needed. Thank you @Webfreak! – Robin Hood Nov 12 '19 at 11:47

How to hide status bar and navigation bar using Theme.MaterialComponents

1 Answers1