• More

Hi Alex T⚜️ 

Thank you for your reply, Hope this explanation helps. 

Please see the image at the end of this post. Primary Changes the Top and Bottom navigation bars, but it does not change the "android:navigationBarColor" which sits below the bottom navigation bar and it is not defined in the app theme. 

Adding "navigationBarColor:" line to Theme.js does not change the "navigationBarColor:" as it is not defined in the App. 

Please add this <item name="android:navigationBarColor"></item> to styles.xml in the Android folder and compile the app to see the bar in RED. 

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
<!-- Customize your theme here. -->
<item name="android:textColor"></item>
<item name="android:navigationBarColor"></item>


  • 369
Added a discussion to , e60000

Hi Alex T⚜️ 

In the UNA mobile app for Android the "NavigationBarColor" is not defined, please can you help me define this so that I can set it's color dynamically for light and dark mode. 

If I change it in styles.xml it remains the same color regardless of mode.

<item name="android:navigationBarColor"></item>

Defining it in theme.js  is not working for me either

const themeLight = {
    dark: false,
    iosBarStyle: 'light-content',
    android:navigationBarColor = '',
    colors: {

I'd like this code change with dark and light mode.

Can you help?

  • 947
Add new...