Android 11 Splash Screen plugin shifts to white navigation bar with invisible buttons

Capacitor
1

I have a custom image set up in my splash screen settings like so:

"SplashScreen": {
  "launchAutoHide": false,
  "backgroundColor": "#000000",
  "androidSplashResourceName": "splash_image",
  "splashFullScreen": false,
  "splashImmersive": false
}

Then in my android styles.xml:

<style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar">
    <item name="android:statusBarColor">@color/colorPrimary</item>
    <item name="android:navigationBarColor">@color/colorPrimary</item>
    <item name="android:background">@drawable/splash_image</item>
</style>

This worked solidly in Android 10 but does not work in Android 11. What ends up happening is that I see the correct navigation bar color when the app launches but then it shifts (presumably when the capacitor splash screen takes over) and the navigation bar turns solid white with no buttons visible. How do I get the splash screen navigation bar color to stick?

2

I had to add this android:navigationBarColor to my styles.xml for it to work again on Android 11.

    <style name="AppTheme.NoActionBarLaunch" parent="Theme.SplashScreen">
        <item name="android:background">@drawable/splash</item>
        <item name="android:navigationBarColor">@android:color/black</item>
    </style>