e60000

  • 20
Forum's Comments
  • 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>
    </style>


    image_transcoder.php?o=bx_froala_image&h=5234&dpx=2&t=1625668572


    0 0 0 0 0 0

    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>
    </style>


    image_transcoder.php?o=bx_froala_image&h=5234&dpx=2&t=1625668572


    • 24
    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?


    • 149
      • Hi Alex T⚜️ I am wondering why you are avoiding replying about changing the "android:navigationBarColor" dynamically?  (It's the bar on the very bottom on ANDROID. phones)

        It can be done MANUALLY inside styles.xml, a manual setting means you are stuck with the color in Dark Mode which is not ideal 

        @color/theme_color

        It's better to change colors in Theme.js file (instead of direct modification of Android project) it should change colors dynamically, however it looks like there is some error in the library we're using so it's actually doesn't work properly, I hope this bug will be fixed in the future, then it should start to work.

        0 0 0 0 0 0
        • Thank you Alex T⚜️ it is always nice to receive an answer and clarity. 

          Look forward to seeing the fixed version of the Android App.

          0 0 0 0 0 0
          • This dude is awesome.. he does good work!!

            0 0 0 0 0 0
            Not logged in users can't 'Comments Post'.
            Followers
            Empty

            UNA - Network Infrastructure for Communities

            Close