AndroidX's Edge to Edge shows an Action Bar - How to hide it?

Question

I've implemented Edge to Edge in my Android app, I've set the Status/Navigation bars to be transparent, and it works well. However suddenly an ActionBar appeared on top of my screen, even though I've set the app theme to be "android:Theme.Material.Light.NoActionBar". How can I fix that?

MainActivity:

    override fun onCreate(savedInstanceState: Bundle?) {
        enableEdgeToEdge(
            statusBarStyle = SystemBarStyle.light(
                Color.TRANSPARENT, Color.TRANSPARENT
            ),
            navigationBarStyle = SystemBarStyle.light(
                Color.TRANSPARENT, Color.TRANSPARENT
            )
        )
        super.onCreate(savedInstanceState)
    }

Root composable:

...
val view = LocalView.current
if (!view.isInEditMode) {
    SideEffect {
        val window = (view.context as Activity).window
        window.statusBarColor = Color.Transparent.toArgb()
        WindowCompat.getInsetsController(window, view).isAppearanceLightStatusBars = !darkTheme
    }
}
...

themes.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="Theme.TestApp" parent="android:Theme.Material.Light.NoActionBar" />
</resources>

I've also had this problem, which seems to be related to specific @Composable functions. — Alsser
– Alsser, Commented Oct 13, 2023 at 13:25

Pianisimo · Accepted Answer · 2024-05-31 21:11:42Z

25

I removed it by calling the splashscreen before the enableEdgeToEdge:

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)

    installSplashScreen().apply {
        setKeepOnScreenCondition {
            viewModel.isLoading.value
        }
    }

    enableEdgeToEdge()

    setContent {

answered May 31, 2024 at 21:11

Pianisimo

2663 silver badges2 bronze badges

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

Comments

Alsser · Accepted Answer · 2023-10-14 02:24:28Z

5

Have you used the SplashScreen API in your code? If you have used this API, in the AndroidManifest.xml file, when the theme of the starting activity is set at position 2, the ActionBar will be displayed. However, according to the official guide, both approaches are expected to have the same effect. It's puzzling that placing it at 2 displays the ActionBar while 1 does not.

edited Oct 14, 2023 at 2:24

answered Oct 13, 2023 at 13:15

Alsser

4811 gold badge4 silver badges7 bronze badges

1 Comment

ProjectDelta Over a year ago

I tried both ways and get the same result... the accepted andwer, to move the installSplashScreen call to before the enableEdgeToEdge call, fixed the issue for me

Maher Safadi · Accepted Answer · 2023-12-18 14:47:51Z

3

I've been trying to solve this for hours and no solutions worked, since I use the new Splash API, I fixed it by replacing enableEdgeToEdge() before installSplashScreen() and it worked.

answered Dec 18, 2023 at 14:47

Maher Safadi

963 bronze badges

1 Comment

zhvk Over a year ago

I can confirm that this is the working answer. Funny how much time I spent trying to figure out what's wrong.

Collectives™ on Stack Overflow

AndroidX's Edge to Edge shows an Action Bar - How to hide it?

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related