Android: improve BottomNavigation (experimental feature)

android/modules/android/src/java/ti/modules/titanium/android/AndroidModule.java

@@ -363,6 +363,9 @@ public class AndroidModule extends KrollModule
 	@Kroll.constant
 	public static final int FLAG_UPDATE_CURRENT = PendingIntent.FLAG_UPDATE_CURRENT;
 
+	@Kroll.constant
+	public static final int STATUS_BAR_LIGHT = 8192;
+
 	@Kroll.constant
 	public static final int RESULT_OK = Activity.RESULT_OK;
 	@Kroll.constant

android/modules/ui/src/java/ti/modules/titanium/ui/TabGroupProxy.java

@@ -6,10 +6,14 @@
  */
 package ti.modules.titanium.ui;
 
+import static ti.modules.titanium.android.AndroidModule.STATUS_BAR_LIGHT;
+
 import android.app.Activity;
 import android.content.Intent;
+import android.os.Build;
 import android.os.Bundle;
 import android.view.LayoutInflater;
+import android.view.View;
 
 import androidx.annotation.NonNull;
 import androidx.appcompat.app.ActionBar;
@@ -29,6 +33,7 @@
 import org.appcelerator.titanium.TiRootActivity;
 import org.appcelerator.titanium.proxy.ActivityProxy;
 import org.appcelerator.titanium.proxy.TiWindowProxy;
+import org.appcelerator.titanium.util.TiColorHelper;
 import org.appcelerator.titanium.util.TiConvert;
 import org.appcelerator.titanium.util.TiRHelper;
 import org.appcelerator.titanium.util.TiUIHelper;
@@ -426,6 +431,22 @@ public void windowCreated(TiBaseActivity activity, Bundle savedInstanceState)
 
 		// Need to handle the cached activity proxy properties in the JS side.
 		callPropertySync(PROPERTY_POST_TAB_GROUP_CREATED, null);
+
+		if (getActivity() != null) {
+			if (hasPropertyAndNotNull(TiC.PROPERTY_FLAGS)) {
+				if (TiConvert.toInt(getProperty(TiC.PROPERTY_FLAGS)) == STATUS_BAR_LIGHT
+					&& Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+					getActivity().getWindow().getDecorView()
+						.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
+				}
+			}
+			if (hasPropertyAndNotNull(TiC.PROPERTY_STATUS_BAR_COLOR)) {
+				int colorInt = TiColorHelper.parseColor(
+					TiConvert.toString(getProperty(TiC.PROPERTY_STATUS_BAR_COLOR)),
+					TiApplication.getAppRootOrCurrentActivity());
+				getActivity().getWindow().setStatusBarColor(colorInt);
+			}
+		}
 	}
 
 	@Override

android/modules/ui/src/java/ti/modules/titanium/ui/WindowProxy.java

@@ -7,13 +7,16 @@
 
 package ti.modules.titanium.ui;
 
+import static ti.modules.titanium.android.AndroidModule.STATUS_BAR_LIGHT;
+
 import android.annotation.SuppressLint;
 import android.app.Activity;
 import android.content.Intent;
 import android.graphics.Color;
 import android.graphics.PixelFormat;
 import android.graphics.drawable.ColorDrawable;
 import android.graphics.drawable.Drawable;
+import android.os.Build;
 import android.os.Bundle;
 import android.os.Message;
 import android.text.Spannable;
@@ -328,6 +331,13 @@ public void windowCreated(TiBaseActivity activity, Bundle savedInstanceState)
 			win.setStatusBarColor(colorInt);
 		}
 
+		if (hasProperty(TiC.PROPERTY_WINDOW_FLAGS)) {
+			if ((TiConvert.toInt(getProperty(TiC.PROPERTY_WINDOW_FLAGS)) & STATUS_BAR_LIGHT) != 0
+				&& Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+				win.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
+			}
+		}
+
 		// Handle titleAttributes property.
 		if (hasProperty(TiC.PROPERTY_TITLE_ATTRIBUTES)) {
 			KrollDict innerAttributes = getProperties().getKrollDict(TiC.PROPERTY_TITLE_ATTRIBUTES);

android/modules/ui/src/java/ti/modules/titanium/ui/widget/tabgroup/TiUIBottomNavigation.java

@@ -200,6 +200,7 @@ public void addTabItemInController(TiViewProxy tabProxy)
 		if (tabProxy.hasPropertyAndNotNull(TiC.PROPERTY_ICON)) {
 			menuItem.setIcon(setIcon(tabProxy.getProperty(TiC.PROPERTY_ICON), tabProxy.getProperty("iconFamily")));
 		}
+
 		mMenuItemsArray.add(menuItem);
 		int index = this.mMenuItemsArray.size() - 1;
 		updateDrawablesAfterNewItem(index);
@@ -251,8 +252,13 @@ private void updateDrawablesAfterNewItem(int index)
 		updateTabIcon(index);
 		updateBadge(index);
 		updateBadgeColor(index);
-		updateTabTitleColor(index);
-		updateTabBackgroundDrawable(index);
+
+		for (int i = 0; i < this.bottomNavigation.getMenu().size(); i++) {
+			// Set the title text color.
+			updateTabTitleColor(i);
+			// Set the background drawable.
+			updateTabBackgroundDrawable(i);
+		}
 	}
 
 	@Override
@@ -314,6 +320,14 @@ public void updateTabBackgroundDrawable(int index)
 				Drawable drawable = new RippleDrawable(ColorStateList.valueOf(Color.TRANSPARENT), null, null);
 				this.bottomNavigation.getChildAt(0).setBackground(drawable);
 			}
+
+			if (tabProxy.hasPropertyAndNotNull(TiC.PROPERTY_BACKGROUND_COLOR)) {
+				BottomNavigationMenuView bottomMenuView =
+					((BottomNavigationMenuView) this.bottomNavigation.getChildAt(0));
+				bottomMenuView.getChildAt(index).setBackgroundColor(TiConvert.toColor(
+					tabProxy.getProperty(TiC.PROPERTY_BACKGROUND_COLOR), TiApplication.getAppRootOrCurrentActivity()
+				));
+			}
 		} catch (Exception e) {
 			Log.w(TAG, WARNING_LAYOUT_MESSAGE);
 		}

apidoc/Titanium/UI/Android/Android.yml

@@ -674,6 +674,12 @@ properties:
     type: Number
     permission: read-only
 
+  - name: STATUS_BAR_LIGHT
+    summary: Sets the color of the statusbar to light mode. Needs Android API level 23.
+    type: Number
+    permission: read-only
+    since: "12.6.0"
+
   - name: SWITCH_STYLE_CHECKBOX
     summary: Display a checkbox.
     description: Use with the <Titanium.UI.Switch.style> property.

apidoc/Titanium/UI/TabGroup.yml

@@ -427,6 +427,12 @@ properties:
     since: "8.0.0"
     platforms: [android]
 
+  - name: statusBarColor
+    summary: The color of the status bar (top bar) for this window.
+    type: [Number]
+    platforms: [android]
+    since: {android: "12.6.0"}
+
   - name: style
     summary: Property defining which style for the TabGroup to be used.
     description: |
@@ -520,6 +526,15 @@ properties:
     default: true
     platforms: [iphone, ipad, macos]
 
+  - name: flags
+    summary: Additional flags to set on the TabGroup.
+    description: |
+        Use <Titanium.UI.Android.STATUS_BAR_LIGHT> to set the statusbar text color to light mode.
+    platforms: [android]
+    type: Number
+    since: "12.6.0"
+    availability: creation
+
   - name: activeTintColor
     summary: The activeTintColor to apply to tabs.
     description: |

apidoc/Titanium/UI/Window.yml

@@ -1532,6 +1532,8 @@ properties:
 
         Setting <Titanium.UI.Window.fullscreen> to `true` automatically sets the [WindowManager.LayoutParams.FLAG_FULLSCREEN](https://developer.android.com/reference/android/view/WindowManager.LayoutParams.html#FLAG_FULLSCREEN)
         flag. Setting <Titanium.UI.Window.flagSecure> to true automatically sets the [WindowManager.LayoutParams.FLAG_SECURE](https://developer.android.com/reference/android/view/WindowManager.LayoutParams.html#FLAG_SECURE) flag.
+
+        Use <Titanium.UI.Android.STATUS_BAR_LIGHT> to set the statusbar text color to light mode.
     platforms: [android]
     type: Number
     since: "3.3.0"