e60000

  • More
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


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


    • 394
      • 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
          • 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.

            https://github.com/unaio/una-mobile-app/issues/38

            💓0 😆0 😲0 😥0 😠0 0
            Not logged in users can't 'Comments Post'.
            Followers
            Empty

            UNA - Network Infrastructure for Communities

            Close