Change navigation bar color

I changed ‘android:navigationBarColor’, but not working.
AIR SDK version 32.0.0.89 for Windows 10

C:\airsdk32\lib\android\lib\resources\app_entry\res\values\styles.xml

<resources>
    <style name="Theme.NoShadow" parent="android:style/Theme.NoTitleBar">
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:navigationBarColor">@color/mycolor</item>
    </style>
</resources>

C:\airsdk32\lib\android\lib\resources\captive_runtime\res\values\colors.xml

<resources>
    <color name="opaque_blue">#00f</color>
    <color name="mycolor">#ffffff</color>
</resources>

check Android doc Customize the default theme

eg.

For example, your styles.xml file should look similar to this:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

and

Once you know your colors, update the values in res/values/colors.xml :

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--   color for the app bar and other primary UI elements -->
    <color name="colorPrimary">#3F51B5</color>

    <!--   a darker variant of the primary color, used for
           the status bar (on Android 5.0+) and contextual app bars -->
    <color name="colorPrimaryDark">#303F9F</color>

    <!--   a secondary color for controls like checkboxes and text fields -->
    <color name="colorAccent">#FF4081</color>
</resources>

also check The color system
in particular Color theme creation

eg.

Dark and light primary variants

You can make a color theme for your app using your primary color, as well as dark and light primary variants.

and

Light and dark variants of a primary color distinguish a top app bar from a system bar.


You can experiment with the Material design Color tool


finally look at Build a Material theme, if you want to go deeper into themes
eg.

Build a Material theme for Android
Download code to use with Android Studio

android:windowBackground => working
but
android:navigationBarColor => not working

C:\airsdk32\lib\android\lib\resources\app_entry\res\values\styles.xml

<style name="Theme.NoShadow" parent="android:style/Theme.NoTitleBar">
         <item name="android:windowContentOverlay">@null</item>
  	<item name="android:navigationBarColor">@color/colorPrimary</item>
		<item name="android:windowBackground">@color/colorPrimary</item>
</style>

I think you’re confusing “navigation bar” with “top app bar”

My app has a black bar over these home buttons and I need them to look transparent like below

1kmqC

depending on which Android API version you are targeting there are different way to do that

for ex

<style name="Theme.NoShadow" parent="android:style/Theme.NoTitleBar">
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:navigationBarColor">@android:color/transparent</item>
        <item name="android:windowBackground">@color/colorPrimary</item>
</style>

you might need to try too

<style name="Theme.NoShadow" parent="android:style/Theme.NoTitleBar">
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:navigationBarColor">@android:color/transparent</item>
        <item name="android:windowBackground">@color/colorPrimary</item>
        <item name="android:windowTranslucentStatus">true</item>
        <item name="android:windowTranslucentNavigation">true</item>
</style>

Thank you, but the two ways are not working.
Do you know another way ?

do you think by this point I know which Android API you are targeting?

you just keep repeating “it’s not working” and you don’t provide any context or details

so …

I’m targeting AIR SDK version 32 for Windows 10.
and I use flash builder.